Building better products with a design token pipeline

This is a good deep dive into setting up design token architecture. It largely maps to how we tend to structure things, with some slight language and architectural differences: They use “Option design tokens”; we call them “Tier 1” or […]


This content originally appeared on Brad Frost and was authored by Brad Frost

This is a good deep dive into setting up design token architecture.

It largely maps to how we tend to structure things, with some slight language and architectural differences:

  • They use “Option design tokens”; we call them “Tier 1” or “Definition” design tokens. This is where a brand’s token values are defined.
  • They use “Decision design tokens”; we call them Tier 2 or UI application tokens.
  • They also ball Tier 2 (UI application) and Tier 3 (component variables) together. We split them out into separate layers


This content originally appeared on Brad Frost and was authored by Brad Frost


Print Share Comment Cite Upload Translate Updates
APA

Brad Frost | Sciencx (2021-02-12T17:03:58+00:00) Building better products with a design token pipeline. Retrieved from https://www.scien.cx/2021/02/12/building-better-products-with-a-design-token-pipeline-2/

MLA
" » Building better products with a design token pipeline." Brad Frost | Sciencx - Friday February 12, 2021, https://www.scien.cx/2021/02/12/building-better-products-with-a-design-token-pipeline-2/
HARVARD
Brad Frost | Sciencx Friday February 12, 2021 » Building better products with a design token pipeline., viewed ,<https://www.scien.cx/2021/02/12/building-better-products-with-a-design-token-pipeline-2/>
VANCOUVER
Brad Frost | Sciencx - » Building better products with a design token pipeline. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/02/12/building-better-products-with-a-design-token-pipeline-2/
CHICAGO
" » Building better products with a design token pipeline." Brad Frost | Sciencx - Accessed . https://www.scien.cx/2021/02/12/building-better-products-with-a-design-token-pipeline-2/
IEEE
" » Building better products with a design token pipeline." Brad Frost | Sciencx [Online]. Available: https://www.scien.cx/2021/02/12/building-better-products-with-a-design-token-pipeline-2/. [Accessed: ]
rf:citation
» Building better products with a design token pipeline | Brad Frost | Sciencx | https://www.scien.cx/2021/02/12/building-better-products-with-a-design-token-pipeline-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.