Design solves the problem:
Humans always solve most of their problems by visualizing them. As for the software industry, we may choose from the below approaches:
1. Sequence Diagram
2. Flowchart
3. UI Design
Common feedbacks which we receive from designers:
1. The mockup that they have designed is different from actual implementation.
2. The fonts are all wrong.
3. Spacings are off.
4. Some weird glitch on the scroll.
5. Dimensions are wrong, there are some misalignments.
How can we empathize each other:
- In terms of the work process, it’s important for designers and developers to have —maybe not fluency— but some understanding of one another’s language.
- Design tokens are gonna fill the gap between developers and designers completely.
- Design tokens (core styles) I mean indivisible pieces of an interface like colors, font sizes, spaces, animations, shadows, z-indexes, and breakpoints. They can be used for branding/theming for customers, and configurable settings-based theming like “dark/night mode” or “comfortable/compact” spacing changes.
Code and Demo
Thank you