~7 years ago I started curating a list of Design Tokens resources on GitHub… today I launch something better.
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
February 11, 2026 at 2:50 PM
~7 years ago I started curating a list of Design Tokens resources on GitHub… today I launch something better.
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
🎉 new article alert 🎉
👀 In the ninth article in my design tokens workflow series we look at –
📰 Implementing Multi-Brand Theming with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#DesignTokens #DesignSystems #FrontEnd #WebDev
👀 In the ninth article in my design tokens workflow series we look at –
📰 Implementing Multi-Brand Theming with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#DesignTokens #DesignSystems #FrontEnd #WebDev
April 1, 2025 at 10:24 AM
🎉 new article alert 🎉
👀 In the ninth article in my design tokens workflow series we look at –
📰 Implementing Multi-Brand Theming with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#DesignTokens #DesignSystems #FrontEnd #WebDev
👀 In the ninth article in my design tokens workflow series we look at –
📰 Implementing Multi-Brand Theming with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#DesignTokens #DesignSystems #FrontEnd #WebDev
🎉 Open Props now supports the stable Design Tokens specification!
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
January 31, 2026 at 8:32 AM
🎉 Open Props now supports the stable Design Tokens specification!
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
import designTokens from "open-props/resolver"
I added a dedicated "resolver" format to avoid conflicts with existing token setups. Later, I'll explore adding a semantic layer on top of this foundation.
📣 As announced live on yesterday's Wireframe, I've built designtokens.fyi to help align our community when communicating concepts around design tokens. Check it out and let me know what you think!
#designtokens
#designtokens
designtokens.fyi
Defining terms for design tokens.
designtokens.fyi
March 5, 2025 at 1:16 PM
📣 As announced live on yesterday's Wireframe, I've built designtokens.fyi to help align our community when communicating concepts around design tokens. Check it out and let me know what you think!
#designtokens
#designtokens
🎉 new blogpost alert!
Creating Design System-Friendly Snowflakes with Utility Classes
www.alwaystwisted.com/articles/cre...
🙏🖤
#DesignSystems #DesignTokens #CSS #UtilityClasses
Creating Design System-Friendly Snowflakes with Utility Classes
www.alwaystwisted.com/articles/cre...
🙏🖤
#DesignSystems #DesignTokens #CSS #UtilityClasses
Creating Design System-Friendly Snowflakes with Utility Classes | Always Twisted
www.alwaystwisted.com
October 21, 2024 at 1:35 PM
🎉 new blogpost alert!
Creating Design System-Friendly Snowflakes with Utility Classes
www.alwaystwisted.com/articles/cre...
🙏🖤
#DesignSystems #DesignTokens #CSS #UtilityClasses
Creating Design System-Friendly Snowflakes with Utility Classes
www.alwaystwisted.com/articles/cre...
🙏🖤
#DesignSystems #DesignTokens #CSS #UtilityClasses
Engramma by @trysound.io is a web-based editor and converter to manage design tokens, visualize them in a tree structure, and export them as CSS variables or JSON format.
app.engramma.dev
The write-up is here: trysound.io/building-des...
#designtokens
app.engramma.dev
The write-up is here: trysound.io/building-des...
#designtokens
Engramma
app.engramma.dev
December 10, 2025 at 9:05 PM
Engramma by @trysound.io is a web-based editor and converter to manage design tokens, visualize them in a tree structure, and export them as CSS variables or JSON format.
app.engramma.dev
The write-up is here: trysound.io/building-des...
#designtokens
app.engramma.dev
The write-up is here: trysound.io/building-des...
#designtokens
I'm working on (yet) another design tokens article today. The 16th in my series so far. Read all the others here:
https://www.alwaystwisted.com/series/
🙏🖤
#DesignTokens #DesignSystems #FrontEnd #WebDev
https://www.alwaystwisted.com/series/
🙏🖤
#DesignTokens #DesignSystems #FrontEnd #WebDev
All Series Always Twisted
www.alwaystwisted.com
June 16, 2026 at 9:00 AM
I'm working on (yet) another design tokens article today. The 16th in my series so far. Read all the others here:
https://www.alwaystwisted.com/series/
🙏🖤
#DesignTokens #DesignSystems #FrontEnd #WebDev
https://www.alwaystwisted.com/series/
🙏🖤
#DesignTokens #DesignSystems #FrontEnd #WebDev
did you see that @zeroheight.com have 'dropped' all the Converge 2023 and 2024 videos on the YouTube?
www.youtube.com/@zeroheighth...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDesign #WebDev #DesignOps
www.youtube.com/@zeroheighth...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDesign #WebDev #DesignOps
zeroheight
zeroheight is a design system documentation platform that helps teams come together and document their components, styles, and product-related patterns. It syncs with your design and dev tools to ensu...
www.youtube.com
February 27, 2025 at 11:16 AM
did you see that @zeroheight.com have 'dropped' all the Converge 2023 and 2024 videos on the YouTube?
www.youtube.com/@zeroheighth...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDesign #WebDev #DesignOps
www.youtube.com/@zeroheighth...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDesign #WebDev #DesignOps
⭐ new blogpost ⭐
Linting Your Design Tokens - The What And The Why
Designers update Figma. Devs sync tokens. Users see issues. Catch the bugs before they ship – add linting to your toolset:
https://www.alwaystwisted.com/articles/linting-your-design-tokens
#DesignSystems #DesignTokens #FrontEnd
Linting Your Design Tokens - The What And The Why
Designers update Figma. Devs sync tokens. Users see issues. Catch the bugs before they ship – add linting to your toolset:
https://www.alwaystwisted.com/articles/linting-your-design-tokens
#DesignSystems #DesignTokens #FrontEnd
Linting Your Design Tokens, what and why
www.alwaystwisted.com
May 6, 2026 at 2:35 PM
⭐ new blogpost ⭐
Linting Your Design Tokens - The What And The Why
Designers update Figma. Devs sync tokens. Users see issues. Catch the bugs before they ship – add linting to your toolset:
https://www.alwaystwisted.com/articles/linting-your-design-tokens
#DesignSystems #DesignTokens #FrontEnd
Linting Your Design Tokens - The What And The Why
Designers update Figma. Devs sync tokens. Users see issues. Catch the bugs before they ship – add linting to your toolset:
https://www.alwaystwisted.com/articles/linting-your-design-tokens
#DesignSystems #DesignTokens #FrontEnd
I’m excited to announce the first stable version of the #designtokens spec is live! v2025.10 was just announced at #schema. Learn more at designtokens.org.
October 28, 2025 at 6:14 PM
I’m excited to announce the first stable version of the #designtokens spec is live! v2025.10 was just announced at #schema. Learn more at designtokens.org.
Typography Scales, by @donnie@social.design.systems:
https://blog.damato.design/posts/typography-scales/?ref=frontenddogma.com
#typography #css #designtokens #accessibility
https://blog.damato.design/posts/typography-scales/?ref=frontenddogma.com
#typography #css #designtokens #accessibility
Typography scales
Have just enough steps for where you need to go.
blog.damato.design
September 17, 2026 at 8:30 PM
Typography Scales, by @donnie@social.design.systems:
https://blog.damato.design/posts/typography-scales/?ref=frontenddogma.com
#typography #css #designtokens #accessibility
https://blog.damato.design/posts/typography-scales/?ref=frontenddogma.com
#typography #css #designtokens #accessibility
🎉 New Article 🎉
Keep your microcopy (button labels, error messages, form hints) as Design Tokens using Style Dictionary
www.alwaystwisted.com/articles/a-d...
#DesignSystems #DesignTokens #WebDesign #ContentStrategy
Keep your microcopy (button labels, error messages, form hints) as Design Tokens using Style Dictionary
www.alwaystwisted.com/articles/a-d...
#DesignSystems #DesignTokens #WebDesign #ContentStrategy
Design Tokens for Microcopy with Style Dictionary
Manage product interface copy, error messages, and labels as design tokens using Style Dictionary. Keep your product language consistent, controllable, and collaborative across teams and platforms.
www.alwaystwisted.com
March 3, 2026 at 1:48 PM
🎉 New Article 🎉
Keep your microcopy (button labels, error messages, form hints) as Design Tokens using Style Dictionary
www.alwaystwisted.com/articles/a-d...
#DesignSystems #DesignTokens #WebDesign #ContentStrategy
Keep your microcopy (button labels, error messages, form hints) as Design Tokens using Style Dictionary
www.alwaystwisted.com/articles/a-d...
#DesignSystems #DesignTokens #WebDesign #ContentStrategy
Here's the brilliant @sturobson.com with a detailed, 6-part article series about building design tokens with Style Dictionary: www.alwaystwisted.com/articles/a-d...
#designsystems #designtokens
#designsystems #designtokens
A Design Tokens Workflow (part 1) - Getting Started With Style Dictionary | Always Twisted
Learn how to set up Style Dictionary to automate the generation of design tokens into CSS custom properties and Sass variables. This guide walks you through the basics of configuring Style Dictionary,...
www.alwaystwisted.com
December 13, 2024 at 2:52 PM
Here's the brilliant @sturobson.com with a detailed, 6-part article series about building design tokens with Style Dictionary: www.alwaystwisted.com/articles/a-d...
#designsystems #designtokens
#designsystems #designtokens
Design Tokens support is coming to @penpot.app
one highlight -
"Import/export - Reuse and sync visual elements across tools with a standard format. Bring your design tokens to Penpot!"
😍 this bit 😍
"Bring your design tokens to Penpot!"
penpot.app/collaboratio...
#DesignSystems #DesignTokens
one highlight -
"Import/export - Reuse and sync visual elements across tools with a standard format. Bring your design tokens to Penpot!"
😍 this bit 😍
"Bring your design tokens to Penpot!"
penpot.app/collaboratio...
#DesignSystems #DesignTokens
Penpot Design Tokens | Small decisions to master complexity
Small decisions to master complexity
penpot.app
March 21, 2025 at 9:05 AM
Design Tokens support is coming to @penpot.app
one highlight -
"Import/export - Reuse and sync visual elements across tools with a standard format. Bring your design tokens to Penpot!"
😍 this bit 😍
"Bring your design tokens to Penpot!"
penpot.app/collaboratio...
#DesignSystems #DesignTokens
one highlight -
"Import/export - Reuse and sync visual elements across tools with a standard format. Bring your design tokens to Penpot!"
😍 this bit 😍
"Bring your design tokens to Penpot!"
penpot.app/collaboratio...
#DesignSystems #DesignTokens
✨ new article ✨
📝 Design Tokens have landed in Penpot, kinda
Last week I happened up @penpot.app's new Design Tokens panel and wrote some thoughts about it.
www.alwaystwisted.com/articles/des...
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev
📝 Design Tokens have landed in Penpot, kinda
Last week I happened up @penpot.app's new Design Tokens panel and wrote some thoughts about it.
www.alwaystwisted.com/articles/des...
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev
Design Tokens have landed in Penpot, kinda
A quick look at Penpots new Design Tokens UO
www.alwaystwisted.com
April 10, 2025 at 11:33 AM
✨ new article ✨
📝 Design Tokens have landed in Penpot, kinda
Last week I happened up @penpot.app's new Design Tokens panel and wrote some thoughts about it.
www.alwaystwisted.com/articles/des...
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev
📝 Design Tokens have landed in Penpot, kinda
Last week I happened up @penpot.app's new Design Tokens panel and wrote some thoughts about it.
www.alwaystwisted.com/articles/des...
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev
The Design Tokens spec includes an $extensions property for tool-specific metadata and more.
Learn what it is and how to use it here.
Understanding $extensions in the Design Tokens Specification
www.alwaystwisted.com/articles/und...
#DesignTokens #DesignSystems #FrontEnd #WebDev #WebDesign
🙏🖤
Learn what it is and how to use it here.
Understanding $extensions in the Design Tokens Specification
www.alwaystwisted.com/articles/und...
#DesignTokens #DesignSystems #FrontEnd #WebDev #WebDesign
🙏🖤
Understanding $extensions in the Design Tokens Specification
How the $extensions property lets teams innovate with design tokens without waiting for spec updates
www.alwaystwisted.com
January 30, 2026 at 11:03 AM
The Design Tokens spec includes an $extensions property for tool-specific metadata and more.
Learn what it is and how to use it here.
Understanding $extensions in the Design Tokens Specification
www.alwaystwisted.com/articles/und...
#DesignTokens #DesignSystems #FrontEnd #WebDev #WebDesign
🙏🖤
Learn what it is and how to use it here.
Understanding $extensions in the Design Tokens Specification
www.alwaystwisted.com/articles/und...
#DesignTokens #DesignSystems #FrontEnd #WebDev #WebDesign
🙏🖤
I've just updated the GitHub repo for my design tokens workflow series (using style dictionary) to include links to the articles and some information on what each branch is doing, seeing up, etc, etc.
github.com/sturobson/St...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDev
github.com/sturobson/St...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDev
March 10, 2025 at 9:27 AM
I've just updated the GitHub repo for my design tokens workflow series (using style dictionary) to include links to the articles and some information on what each branch is doing, seeing up, etc, etc.
github.com/sturobson/St...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDev
github.com/sturobson/St...
🙏🖤
#DesignSystems #DesignTokens #FrontEnd #WebDev
🌟 Need help with your design system?
🌟 Struggling with design tokens?
🌟 Looking for a front-end developer?
✅ Let’s tackle it together!
🌐 www.alwaystwisted.com
🙏🖤
#FrontEnd #WebDev #DesignSystems #WebDesign #DesignTokens
🌟 Struggling with design tokens?
🌟 Looking for a front-end developer?
✅ Let’s tackle it together!
🌐 www.alwaystwisted.com
🙏🖤
#FrontEnd #WebDev #DesignSystems #WebDesign #DesignTokens
Always Twisted - Design Systems & Front-End Consultant
Hi, I’m Stu Robson, a Design Systems consultant and front-end developer helping teams create scalable, accessible systems that enhance collaboration.
www.alwaystwisted.com
May 13, 2025 at 11:43 AM
🌟 Need help with your design system?
🌟 Struggling with design tokens?
🌟 Looking for a front-end developer?
✅ Let’s tackle it together!
🌐 www.alwaystwisted.com
🙏🖤
#FrontEnd #WebDev #DesignSystems #WebDesign #DesignTokens
🌟 Struggling with design tokens?
🌟 Looking for a front-end developer?
✅ Let’s tackle it together!
🌐 www.alwaystwisted.com
🙏🖤
#FrontEnd #WebDev #DesignSystems #WebDesign #DesignTokens
#Design #Approaches
Design tokens need more than semantics · Understand the structure, and the tokens follow ilo.im/16g9id by Nate Baldwin
_____
#Structures #Semantics #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
Design tokens need more than semantics · Understand the structure, and the tokens follow ilo.im/16g9id by Nate Baldwin
_____
#Structures #Semantics #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.im
September 23, 2026 at 9:16 AM
#Design #Approaches
Design tokens need more than semantics · Understand the structure, and the tokens follow ilo.im/16g9id by Nate Baldwin
_____
#Structures #Semantics #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
Design tokens need more than semantics · Understand the structure, and the tokens follow ilo.im/16g9id by Nate Baldwin
_____
#Structures #Semantics #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
You can easily access and discover fresh, high-quality, handpicked resources on Fountn.
Combine keywords and filters to find what you need.
Here are some examples:
#Wireframes & #Learning
#Mockups & #Figma
#DesignSystems & #AI
#Figma & #DesignTokens
#Learning & #UIDesign
🟡 fountn.design
Combine keywords and filters to find what you need.
Here are some examples:
#Wireframes & #Learning
#Mockups & #Figma
#DesignSystems & #AI
#Figma & #DesignTokens
#Learning & #UIDesign
🟡 fountn.design
November 24, 2024 at 8:40 AM
You can easily access and discover fresh, high-quality, handpicked resources on Fountn.
Combine keywords and filters to find what you need.
Here are some examples:
#Wireframes & #Learning
#Mockups & #Figma
#DesignSystems & #AI
#Figma & #DesignTokens
#Learning & #UIDesign
🟡 fountn.design
Combine keywords and filters to find what you need.
Here are some examples:
#Wireframes & #Learning
#Mockups & #Figma
#DesignSystems & #AI
#Figma & #DesignTokens
#Learning & #UIDesign
🟡 fountn.design
Holder på med en skikkelig gjennomgang av fargekoder, designtokens og sånt for alle virksomhetene i kkonsernet. En skikkelig theme-building exercise.
March 6, 2026 at 8:30 AM
Holder på med en skikkelig gjennomgang av fargekoder, designtokens og sånt for alle virksomhetene i kkonsernet. En skikkelig theme-building exercise.
I was finally able to blog about our new design tokens course! bradfrost.com/blog/post/in...
I am so incredibly excited about this on so many levels, including having a format where we can go DEEP into a topic without having to worry about running out of time. PUMPED.
#designsystems #designtokens
I am so incredibly excited about this on so many levels, including having a format where we can go DEEP into a topic without having to worry about running out of time. PUMPED.
#designsystems #designtokens
Introducing Subatomic: The Complete Guide To Design Tokens
BIG NEWS! We're hard at work making an online course called Subatomic: The Complete Guide To Design Tokens.
Over the past decade, Ian Frost and I have created design token systems for dozen...
bradfrost.com
December 23, 2024 at 4:11 PM
I was finally able to blog about our new design tokens course! bradfrost.com/blog/post/in...
I am so incredibly excited about this on so many levels, including having a format where we can go DEEP into a topic without having to worry about running out of time. PUMPED.
#designsystems #designtokens
I am so incredibly excited about this on so many levels, including having a format where we can go DEEP into a topic without having to worry about running out of time. PUMPED.
#designsystems #designtokens
#Design #Debates
Components are dead · Consistency moved from the component to the token ilo.im/16ers2 by Luis Ouriach
_____
#Consistency #Components #DesignTokens #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
Components are dead · Consistency moved from the component to the token ilo.im/16ers2 by Luis Ouriach
_____
#Consistency #Components #DesignTokens #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.im
July 23, 2026 at 10:24 PM
#Design #Debates
Components are dead · Consistency moved from the component to the token ilo.im/16ers2 by Luis Ouriach
_____
#Consistency #Components #DesignTokens #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
Components are dead · Consistency moved from the component to the token ilo.im/16ers2 by Luis Ouriach
_____
#Consistency #Components #DesignTokens #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
🤘 New Post: Automating Colour Contrast With Design Tokens
How about generating and validating your text colours from background tokens using style dictionary?
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-16
🙏🖤
#DesignTokens #DesignSystems #CSS #FrontEnd #WebDev
How about generating and validating your text colours from background tokens using style dictionary?
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-16
🙏🖤
#DesignTokens #DesignSystems #CSS #FrontEnd #WebDev
Automating Colour Contrast With Design Tokens
Automate accessible colour contrast calculation at build time using Style Dictionary. Generate and validate WCAG-compliant text colour pairs for your design tokens.
www.alwaystwisted.com
June 16, 2026 at 1:51 PM
🤘 New Post: Automating Colour Contrast With Design Tokens
How about generating and validating your text colours from background tokens using style dictionary?
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-16
🙏🖤
#DesignTokens #DesignSystems #CSS #FrontEnd #WebDev
How about generating and validating your text colours from background tokens using style dictionary?
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-16
🙏🖤
#DesignTokens #DesignSystems #CSS #FrontEnd #WebDev
