Listing Links for tag Design Systems · sumbits.ai

Design Systems x

Tags

see all

How to implement your design system in a Flutter app (1/2) (medium.com)

Flutter Design Systems Mobile App Development UI/UX Design

The article addresses the fundamentals of implementing a design system in Flutter apps, emphasizing the limitations of default theming and the benefits of creating a dedicated, reusable package. It discusses organizing the design system into atomic, molecular, and cellular levels and the significance of theme extensions for colors, fonts, and dimensions.
Main Points
- Define a design systemA design system includes reusable components, style guides, and standards for consistency.
- Divide system into levelsThe system is usually divided into atomic, molecular, and cellular levels for better organization.
- Implement custom theming using design systemCustom theming can assist in overcoming the limitations of default Flutter theming.
- Use dedicated packages and naming conventionsDedicated packages and naming conventions can simplify the design system's implementation across apps.
- Utilize theme extensions for customizationIncorporate theme extensions for colors, fonts, and dimensions for a more efficient and customizable design approach.
12

200

47

63