A UX/UI Designer’s Tools
Before designing a UI for a platform, you should ready the tools you’ll be using:
- Design Program
- UI Kits
- Native Fonts
1. Design Programs:
- Figma
- Adobe XD
- Sketch
- Balsamiq
2. UI Kits
Each system has its own Human Interface Guidelines that you should follow.
- Apple
- Android
- Web Apps
3. Native Fonts
Also, each system has its own native font that you should use during the mockup creation process.
Make sure you have these fonts installed on your device.
Efficiency Tips
- Organize assets and artboards
- Create reusable components
- Use character and color styles
Resources
- Human Interface Guidelines – Apple
https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/ - UI kit for Adobe XD – Apple
https://developer.apple.com/design/resources/ - San Francisco font – Apple
https://developer.apple.com/fonts/ - SF Symbols (macOS 10.14.4 or later) or Font Awesome (any platform)
https://developer.apple.com/design/resources/
Resources for non-Adobe XD users
- UI kits – Figma Freebies
https://www.figmafreebies.com/ - UI kits – files.design (for several design tools)
https://files.design/free
Further Reading:
- SF Symbols: The benefits and how to use them – by Antoine van der Lee
https://www.avanderlee.com/swift/sf-symbols-guide/