Build a beginner level-Design System
What are Design Systems?
A shared set of rules on how to approach design across the organization/team and a complete set of usage guidelines regarding brand identity.
Why they Matters?
The design system is more than a framework, UI toolkit or component library. Overall, the design system creates a bridge between designers & developers that allows for quicker ideation at fraction of cost.
The tips that help you to build the level Design System
You can build your Design System by adding colors in Design System and assign each color a name-based on purpose, rather than what they look like.
Your primary-brand color should be something like primary-brand rather than Dark/light blue
Because developers are using design tokens to bring colors into code.
2. Layer styles
Layer style is a powerful way to save style attributes like shadows, borders & fills that reply to NO. of different layers & shapes.
3. Text styles
Text styles are the complicated part of a Design System. You can add text styles by adding your own names, just remember that naming should convey a certain style, value of meaning.
Be should be saved & settle your icon in an organized manner, and grouping each icon symbols together based on pixel dimensions.
When we come into components, many different types of components are varying with screen-sizes, but usable are those who are accessible and responsive.
I hope this article will help you to build a level Design System
Creative Designer & Developer specialist by the spirit and a loving blogger by thoughts. If you have any questions let me drop an email with the article name to the following email id: [email protected]