Before start creating any UI, there is list of guidelines, components, rules and regulations has to be declared. This is known as Design System.
Mobile App Based Design System
General Facts
-
When icon is before word in button - Leading Icon/Head icon
-
When Icon is after word in button - Trailing Icon/Tail icon
-
Design Systems for successful apps.
Design Systems For Figma
Things to Declare as beginner designer
- Pallet
- Typography
- Basic Components/Atomic components - Input field, Drop down, Date picker, etc
- Popups
- Buttons
Explore in Figma community (Recommended)
- IOS Guidelines (HIG-Human Interface guideline)
- Android’s Material Guidelines (Material 3 Design Kit)
- IBM (Carbon Design system)
RESOURCES