Now that the @designtokens.org format specification has reached its first, *stable* version, I decided to have a look back at my own journey of getting involved in the DTCG and contributing to that spec...
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
My DTCG journey
A look back at how I got involved with the DTCG and played a small part shaping the format specification
cirrus.twiddles.com
October 31, 2025 at 11:09 AM
Now that the @designtokens.org format specification has reached its first, *stable* version, I decided to have a look back at my own journey of getting involved in the DTCG and contributing to that spec...
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
cirrus.twiddles.com/blog/2025/10...
#DesignTokens #DesignSystems #standards
For those of you who implement Figma designs, do you know of any reliable plugins for exporting and converting Figma text styles into code, such as JSON or CSS? I see tons of plugins, but I'd like to know which ones are the most recommended by developers.
#figma #webdev #css #designtokens
#figma #webdev #css #designtokens
October 16, 2025 at 1:53 PM
For those of you who implement Figma designs, do you know of any reliable plugins for exporting and converting Figma text styles into code, such as JSON or CSS? I see tons of plugins, but I'd like to know which ones are the most recommended by developers.
#figma #webdev #css #designtokens
#figma #webdev #css #designtokens
Planning to develop this openly with live demos and community feedback. Design tools shouldn't be locked behind corporate APIs.
#DesignSystems #DesignTokens #OpenSource
#DesignSystems #DesignTokens #OpenSource
June 6, 2025 at 10:49 AM
Planning to develop this openly with live demos and community feedback. Design tools shouldn't be locked behind corporate APIs.
#DesignSystems #DesignTokens #OpenSource
#DesignSystems #DesignTokens #OpenSource
Comments on a context dilemma with #tokens:
buff.ly/3MUSrrN I feel context specific #designTokens are still the way to go. Repetition in this case is no problem. Ease of use without knowledge of the system should be the primary goal of any #designToken set.
buff.ly/3MUSrrN I feel context specific #designTokens are still the way to go. Repetition in this case is no problem. Ease of use without knowledge of the system should be the primary goal of any #designToken set.
The context dilemma
Unlocking design consistency balancing semantic and specific design tokens
buff.ly
September 1, 2023 at 7:24 AM
Comments on a context dilemma with #tokens:
buff.ly/3MUSrrN I feel context specific #designTokens are still the way to go. Repetition in this case is no problem. Ease of use without knowledge of the system should be the primary goal of any #designToken set.
buff.ly/3MUSrrN I feel context specific #designTokens are still the way to go. Repetition in this case is no problem. Ease of use without knowledge of the system should be the primary goal of any #designToken set.
🌟 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
This quote came up today at work when discussing #DesignSystems and #DesignTokens.
Variety is expensive, both for performance and cognitive load. Too much is a bad thing.
Variety is expensive, both for performance and cognitive load. Too much is a bad thing.
June 24, 2025 at 7:25 PM
This quote came up today at work when discussing #DesignSystems and #DesignTokens.
Variety is expensive, both for performance and cognitive load. Too much is a bad thing.
Variety is expensive, both for performance and cognitive load. Too much is a bad thing.
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
Berliners and people interested in #designtokens, here are @bradfrost.com and Ian Frost bringing their Design Tokens #workshiop to Berlin during #btconf. Get your tickets as long as they last. beyondtellerrand.com/events/berli...
Full-Day beyond tellerrand Workshop: “Advanced Design Tokens” with Brad & Ian Frost – 05 Nov 2025
The answer is design tokens! For over a decade, we’ve helped dozens of organisations — including some of the world’s largest! — create design token systems to help them strike the balance between …
beyondtellerrand.com
April 1, 2025 at 9:55 AM
Berliners and people interested in #designtokens, here are @bradfrost.com and Ian Frost bringing their Design Tokens #workshiop to Berlin during #btconf. Get your tickets as long as they last. beyondtellerrand.com/events/berli...
Working on token transforms to make the mode approach work seamlessly. The reduction of design token is nuts!
#designsystems #designtokens #designegineering #miseandmode
#designsystems #designtokens #designegineering #miseandmode
November 26, 2023 at 3:40 PM
Working on token transforms to make the mode approach work seamlessly. The reduction of design token is nuts!
#designsystems #designtokens #designegineering #miseandmode
#designsystems #designtokens #designegineering #miseandmode
🚀 New Article Alert
Implementing Light and Dark Modes with Style Dictionary
In this article, we explore how to effectively manage light and dark modes in your design system using design tokens with Style Dictionary.
🔗 www.alwaystwisted.com/articles/a-d...
#DesignTokens #UserExperience #FrontEnd
Implementing Light and Dark Modes with Style Dictionary
In this article, we explore how to effectively manage light and dark modes in your design system using design tokens with Style Dictionary.
🔗 www.alwaystwisted.com/articles/a-d...
#DesignTokens #UserExperience #FrontEnd
A Design Tokens Workflow (part 7) - Implementing Light and Dark Mode 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
March 6, 2025 at 10:14 AM
🚀 New Article Alert
Implementing Light and Dark Modes with Style Dictionary
In this article, we explore how to effectively manage light and dark modes in your design system using design tokens with Style Dictionary.
🔗 www.alwaystwisted.com/articles/a-d...
#DesignTokens #UserExperience #FrontEnd
Implementing Light and Dark Modes with Style Dictionary
In this article, we explore how to effectively manage light and dark modes in your design system using design tokens with Style Dictionary.
🔗 www.alwaystwisted.com/articles/a-d...
#DesignTokens #UserExperience #FrontEnd
damn. very useful tool for #designtokens. namedesigntokens.guide
Design Tokens Name Generator
Generate and manage design tokens for your design system
namedesigntokens.guide
May 7, 2025 at 3:47 PM
damn. very useful tool for #designtokens. namedesigntokens.guide
Pretty neat project: buff.ly/kQYf49w
A language server for #designTokens improving the token experience in code editors like vscode.
It offers real-time feedback, autocomplete, and refactoring, for a more efficient workflow.
Checkout the Repo for more details: buff.ly/JLozOoL
A language server for #designTokens improving the token experience in code editors like vscode.
It offers real-time feedback, autocomplete, and refactoring, for a more efficient workflow.
Checkout the Repo for more details: buff.ly/JLozOoL
Introducing Design Tokens Language Server
Benny Powers, Web Developer
buff.ly
June 30, 2025 at 4:33 PM
Pretty neat project: buff.ly/kQYf49w
A language server for #designTokens improving the token experience in code editors like vscode.
It offers real-time feedback, autocomplete, and refactoring, for a more efficient workflow.
Checkout the Repo for more details: buff.ly/JLozOoL
A language server for #designTokens improving the token experience in code editors like vscode.
It offers real-time feedback, autocomplete, and refactoring, for a more efficient workflow.
Checkout the Repo for more details: buff.ly/JLozOoL
Need a quick start to creating some design tokens with a ready-made naming convention?
@designsystemguide.bsky.social has made this pretty neat tool:
namedesigntokens.guide
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
@designsystemguide.bsky.social has made this pretty neat tool:
namedesigntokens.guide
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
Design Tokens Name Generator
Generate and manage design tokens for your design system
namedesigntokens.guide
April 30, 2025 at 9:56 AM
Need a quick start to creating some design tokens with a ready-made naming convention?
@designsystemguide.bsky.social has made this pretty neat tool:
namedesigntokens.guide
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
@designsystemguide.bsky.social has made this pretty neat tool:
namedesigntokens.guide
🙏🖤
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
@designtokens now has a stable version! https://www.w3.org/community/design-tokens/2025/10/28/design-tokens-specification-reaches-first-stable-version/
Congrats to all involved! Looking forward to seeing this implemented across all the tools I use.
Congrats to all involved! Looking forward to seeing this implemented across all the tools I use.
www.w3.org
October 28, 2025 at 5:15 PM
@designtokens now has a stable version! https://www.w3.org/community/design-tokens/2025/10/28/design-tokens-specification-reaches-first-stable-version/
Congrats to all involved! Looking forward to seeing this implemented across all the tools I use.
Congrats to all involved! Looking forward to seeing this implemented across all the tools I use.
🎨✨ Vous cherchez à booster la cohérence de vos designs ? Découvrez les Design Tokens de Penpot, une révolution ! 🔥 #DesignTokens #Penpot #Innovation #sponso
Design Tokens de Penpot - Pour gagner en cohérence dans vos design | Le site de Korben
– Article en partenariat avec Penpot –
Après vous avoir présenté les Flex Layout, les CSS Grid Layout et les composants dans Penpot, je suis ...
korben.info
April 10, 2025 at 8:05 AM
🎨✨ Vous cherchez à booster la cohérence de vos designs ? Découvrez les Design Tokens de Penpot, une révolution ! 🔥 #DesignTokens #Penpot #Innovation #sponso
Joins us this Wednesday
#DesignTokens
#DesignTokens
Design Tokens, variables.. what's next? 👀👇
How can we manage large Design Systems with thousands of Design Tokens and decisions?
In this casual, hands-on session, we will take a close look at Graph Engine, an open-source node-based graph editor by @tokensstudio.bsky.social
lu.ma/dyrdeouy
How can we manage large Design Systems with thousands of Design Tokens and decisions?
In this casual, hands-on session, we will take a close look at Graph Engine, an open-source node-based graph editor by @tokensstudio.bsky.social
lu.ma/dyrdeouy
The Future of Design Tokens - Online Jam with Tokens Studio · Luma
Design Tokens, variables.. what's next? 👀
How can we manage large Design Systems with thousands of Design Tokens and decisions?
In this casual, hands-on…
lu.ma
January 13, 2025 at 8:10 PM
Joins us this Wednesday
#DesignTokens
#DesignTokens
Want to learn the workflow for handing off #DesignTokens from design to development?
How can we use the flexibility of Style Dictionary to import our tokens into code in a performant manner?
How do we automate this process?
📣 Thrilled to announce Joren Broekema as a speaker at our conference!
How can we use the flexibility of Style Dictionary to import our tokens into code in a performant manner?
How do we automate this process?
📣 Thrilled to announce Joren Broekema as a speaker at our conference!
April 21, 2025 at 10:03 PM
Want to learn the workflow for handing off #DesignTokens from design to development?
How can we use the flexibility of Style Dictionary to import our tokens into code in a performant manner?
How do we automate this process?
📣 Thrilled to announce Joren Broekema as a speaker at our conference!
How can we use the flexibility of Style Dictionary to import our tokens into code in a performant manner?
How do we automate this process?
📣 Thrilled to announce Joren Broekema as a speaker at our conference!
Want a weekly slice of the best curated Design Systems links to resources, articles, ideas, tips, tutorials, videos, examples, and more?
Sign up to the Design Systems Newsletter today:
news.design.systems
🙏🖤
= @sturobson.com
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
Sign up to the Design Systems Newsletter today:
news.design.systems
🙏🖤
= @sturobson.com
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
Design Systems News
A publication full of interesting, relevant, and curated links.
news.design.systems
May 31, 2025 at 11:13 AM
Want a weekly slice of the best curated Design Systems links to resources, articles, ideas, tips, tutorials, videos, examples, and more?
Sign up to the Design Systems Newsletter today:
news.design.systems
🙏🖤
= @sturobson.com
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
Sign up to the Design Systems Newsletter today:
news.design.systems
🙏🖤
= @sturobson.com
#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd
📣 new blogpost alert!
Design Tokens don't have to be limited to colours, spacing, and typography.
With added metadata, you can enhance docs, manage deprecation, & support themes.
What Else Can We Do With Design Tokens?
www.alwaystwisted.com/articles/wha...
🙏🖤
#DesignTokens #DesignSystems
Design Tokens don't have to be limited to colours, spacing, and typography.
With added metadata, you can enhance docs, manage deprecation, & support themes.
What Else Can We Do With Design Tokens?
www.alwaystwisted.com/articles/wha...
🙏🖤
#DesignTokens #DesignSystems
What Else Can We Do With Design Tokens? | Always Twisted
www.alwaystwisted.com
October 22, 2024 at 1:18 PM
📣 new blogpost alert!
Design Tokens don't have to be limited to colours, spacing, and typography.
With added metadata, you can enhance docs, manage deprecation, & support themes.
What Else Can We Do With Design Tokens?
www.alwaystwisted.com/articles/wha...
🙏🖤
#DesignTokens #DesignSystems
Design Tokens don't have to be limited to colours, spacing, and typography.
With added metadata, you can enhance docs, manage deprecation, & support themes.
What Else Can We Do With Design Tokens?
www.alwaystwisted.com/articles/wha...
🙏🖤
#DesignTokens #DesignSystems
I recently wrote about setting up #DesignTokens. It involves many important decisions. If it's your first time, it can be quite overwhelming. But I got you covered with the most important decisions, what you could do and the benefits and downsides:
https://buff.ly/40RuH0f
Did it help? Missing sth?
https://buff.ly/40RuH0f
Did it help? Missing sth?
The ultimate Design Token setup
Learn how to best set up design tokens to be a reliable tool for designers and developers in your company.
buff.ly
November 18, 2024 at 6:48 PM
I recently wrote about setting up #DesignTokens. It involves many important decisions. If it's your first time, it can be quite overwhelming. But I got you covered with the most important decisions, what you could do and the benefits and downsides:
https://buff.ly/40RuH0f
Did it help? Missing sth?
https://buff.ly/40RuH0f
Did it help? Missing sth?
What other terminology is specific to #DesignSystems other than #DesignTokens? I'm drawing a blank 😅
November 27, 2024 at 10:18 AM
What other terminology is specific to #DesignSystems other than #DesignTokens? I'm drawing a blank 😅
🔵🟠 How to define color usage through semantic sets for design systems
by Katie Cooper @katiecooperco at @uxdesigncc
#DesignSystem #color #DesignTokens #Semantic
uxdesign.cc/how-to-defin...
by Katie Cooper @katiecooperco at @uxdesigncc
#DesignSystem #color #DesignTokens #Semantic
uxdesign.cc/how-to-defin...
November 6, 2023 at 2:08 PM
🔵🟠 How to define color usage through semantic sets for design systems
by Katie Cooper @katiecooperco at @uxdesigncc
#DesignSystem #color #DesignTokens #Semantic
uxdesign.cc/how-to-defin...
by Katie Cooper @katiecooperco at @uxdesigncc
#DesignSystem #color #DesignTokens #Semantic
uxdesign.cc/how-to-defin...
Can't wait for Material 3 support to land in Angular Material with design tokens. @mgechev.bsky.social 🤘 ➡️ 📺 https://www.youtube.com/watch?v=uqWUv0dpib0&t=890s#material #designtokens #googleio #googleio2023
May 10, 2023 at 9:09 PM
Can't wait for Material 3 support to land in Angular Material with design tokens. @mgechev.bsky.social 🤘 ➡️ 📺 https://www.youtube.com/watch?v=uqWUv0dpib0&t=890s#material #designtokens #googleio #googleio2023
Want to import your #designTokens into @Figma? I just added a new colorToRgbaFloat transformer to my style dictionary utility library that makes it easy to convert your colors into #figma format: https://github.com/lukasoppermann/style-dictionary-utils
Let me know how it works.
Let me know how it works.
GitHub - lukasoppermann/style-dictionary-utils: Utilities to use in your style dictionary config
Utilities to use in your style dictionary config. Contribute to lukasoppermann/style-dictionary-utils development by creating an account on GitHub.
github.com
July 13, 2023 at 11:37 AM
Want to import your #designTokens into @Figma? I just added a new colorToRgbaFloat transformer to my style dictionary utility library that makes it easy to convert your colors into #figma format: https://github.com/lukasoppermann/style-dictionary-utils
Let me know how it works.
Let me know how it works.
ICYMI
🎉 new article alert
🎨 Today we look at creating multiple themes for one brand (like a personal website)
📰 Creating Multiple Themes with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#FrontEnd #WebDesign #WebDev
#DesignTokens #DesignSystems
🎉 new article alert
🎨 Today we look at creating multiple themes for one brand (like a personal website)
📰 Creating Multiple Themes with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#FrontEnd #WebDesign #WebDev
#DesignTokens #DesignSystems
Creating Multiple Themes with Style Dictionary
Implement mulitple themes in your design system using Style Dictionary. Learn to automate design tokens for seamless theming.
www.alwaystwisted.com
April 2, 2025 at 4:48 PM
ICYMI
🎉 new article alert
🎨 Today we look at creating multiple themes for one brand (like a personal website)
📰 Creating Multiple Themes with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#FrontEnd #WebDesign #WebDev
#DesignTokens #DesignSystems
🎉 new article alert
🎨 Today we look at creating multiple themes for one brand (like a personal website)
📰 Creating Multiple Themes with Style Dictionary
🌐 www.alwaystwisted.com/articles/a-d...
#FrontEnd #WebDesign #WebDev
#DesignTokens #DesignSystems