![]() (You can think of it as a practical and cultural shift.)ĭesigners should use design tokens to create more consistent implementation of work when it goes to development.ĭesigners should use design tokens to create more consistent implementation of work when it goes to development. It takes a full team effort to successfully add design tokens to your processes. You’ve probably gathered from all the information so far, that working with design tokens requires additional thought and work on the front end of a project to deploy scalable and time-saving methodology to the back end of the project. Understandable communication methodology for team collaborationĪll of this begs the question: Should you use design tokens?.Greater control and management of themes or white-label systems.Better management of the overall design system and brand.Streamlined translation from design to development.Create a consistent brand for products without errors or subtle differences.On top of these big, top-line benefits, design tokens have other practical application as well: The create organization for your brand and products that can scale. Types of Design Tokensĭesign tokens are an important part of a design system because they are universal and understandable. The benefit of design tokens is the ability to create at scale with consistency. Specifications are universal between devices and platforms and implementations. Design tokens are platform-agnostic, meaning that you have created a common design language that can be deployed anywhere without having to make platform-specific adjustments. ![]() This eliminates a lot of time looking up specs and creates a universal element that can be adjusted across the design as well. And all you need to know is that it is “red-button,” not the exact specifications for it. So that a red button is the exact same size, shape, and color of red no matter where in the design it appears. ![]() Here’s what design tokens do: They ensure that every element of the same type is the same across your entire design network. The tokens are of different categories like text colors, background colors, border colors, font sizes, spacing, border radiuses, etc.” “It’s basically a set of JSON files which contain name-value pairs describing our design tokens. ![]() “We define our design in a single location and use a system to cascade it down to all platforms,” wrote Sönke Rohde, of Salesforce, about the open-source concept. Design tokens are platform-agnostic, meaning that you have created a common design language that can be deployed anywhere ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |