#designtokens — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #designtokens, aggregated by home.social.
-
Design tokens just got easier in Penpot 2.17
-
Penpot 2.17 Background blur, smarter design tokens and more
-
#Design #Debates
Components are dead · Consistency moved from the component to the token https://ilo.im/16ers2_____
#Consistency #Components #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend -
#Design #Guidelines
Not tokens · What to ask before creating any design token https://ilo.im/16epfh_____
#DesignTokens #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend -
an idea for part 18 (what‽ how many‽) of my design tokens workflow series is percolating …
if you've not seen any of the previous 17, or perhaps you've missed one or two, or a few … they're all here
https://www.alwaystwisted.com/series/
🙏🖤
-
Design Tokens 2025.10 dávají týmům společný zápis pro tokeny napříč návrhem, kódem a dokumentací. Skutečná změna ale není jen v JSONu: týmy musí ujasnit, kdo tokeny mění, jak se skládají pro různé režimy a jak se kontroluje, že úprava nerozbije výsledný design systém.
https://zdrojak.cz/clanky/od-barvy-tlacitka-po-cely-system-proc-design-tokens-nahradi-obycejne-css/ -
I've been digging on Penpot's token and theme system. And I've used a WordPress block theme I've designed to test it.
Here my conclusions: https://www.noraferreiros.com/from-figma-to-penpot-tokens-sets-themes/
#Penpot #Wordpress #openSource #webdesign #designsystem #designtokens #UIdesign
-
Automating Colour Contrast With Design Tokens, by @sturobson:
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-16?ref=frontenddogma.com
-
🤘 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
🙏🖤
-
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/
🙏🖤
-
from the archives:
What Else Can We Do With Design Tokens?
We can store design decisions sure, but we could add some key information for tooling, documentation, and more.
https://www.alwaystwisted.com/articles/what-else-can-we-do-with-design-tokens
#DesignSystems #DesignTokens #WebDesign
🙏🖤
-
How are teams organizing their #DesignTokens based on the W3C @designtokens spec? Are they in single file, split up by theme, category, tier, etc.?
-
Linting Your Design Tokens—the What and the Why, by @sturobson:
https://www.alwaystwisted.com/articles/linting-your-design-tokens?ref=frontenddogma.com
-
Design Token Naming Conventions: A Practical Guide, by @sturobson:
https://www.alwaystwisted.com/articles/design-token-naming-conventions?ref=frontenddogma.com
-
If you caught my last post on what to lint and why it matters, this is the follow-up
Same tokens. Now we talk about where the linting lives: design tool, pre-commit, CI, pre-publish, and which ones are worth your time at each stage.
https://www.alwaystwisted.com/articles/where-to-lint-design-tokens
-
⭐ new blogpost ⭐
Linting Your Design Tokens - The Where And The When
You know you should lint, but where in your workflow does it actually live and when is it best to check?
https://www.alwaystwisted.com/articles/where-to-lint-design-tokens
-
🎨 Verschillende huisstijlen toepassen op de NL Design System componenten — hoe doe je dat?
Met design tokens! NL Design System slaat deze tokens op als JSON en genereert daar automatisch CSS custom properties van via Style Dictionary.
Jij bouwt het thema, de community zorgt voor de componenten. 🧩
📖 https://www.nldesignsystem.nl/handboek/huisstijl/design-tokens/
-
⭐ 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
-
Design Token Naming Conventions: A Practical Guide
🔖 https://www.alwaystwisted.com/articles/design-token-naming-conventions
🔗 https://ellyloel.com/design-token-naming-conventions-a-practical-guide/#Bookmarks #DesignSystems #DesignTokens #Communication #Documentation
-
#Design #Guides
Design token naming conventions · Building a clear, consistent, and scalable structure https://ilo.im/16ce4h_____
#Naming #Conventions #DesignTokens #DesignSystems #UiDesign #WebDesign #Development #WebDev #Frontend -
✨New in Asimonim v0.3.0:
asimonim mcp. Tell #Claude about your #designTokens.
Install thebennypowers/asimonimclaude plugin marketplace, then install the plugin - easy peasy #mcp ... sy
github.com/bennypowers/asimonim/releases/tag/v0.3.0 -
🎉 New Article 🎉
Keep your microcopy (button labels, error messages, form hints) as Design Tokens using Style Dictionary
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-15
-
Hey design systems bubble, is there an open source GUI/web UI for editing DTCG design tokens? And how to you recommend organizing a design system?
-
2 weeks in a row‽
Yep, another Design Systems newsletter is ready to hit the inboxes at 10am (GMT) today.
A curated email with the finest Design Systems tutorials, articles, examples, and more.
Not signed up yet?
-
Hi fellow @penpot users!
I made a small #python script that converts JSON files exported from the official Material Theme Builder into Penpot-compatible token files.
Very useful if you want to try multiple color schemes!https://codeberg.org/ailyaut/penpot_material_theme_converter
#penpot #opensource #OpenSourceDesign #DesignFreedom #DesignTokens #MaterialDesign #MaterialExpressive #ui #uidesign
-
Notion 🤝 Design Tokens
I created and wrote about a workflow that lets you manage tokens in Notion which syncs to your codebase and back again with Style Dictionary
Perfect for everyone on your Design System team
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-14
-
before Covid-19 I was giving conference talks on Design Tokens where I live demo'd integration with Google Sheets.
Well, 6 years later, here's a riff on those demos
Using Notion With Style Dictionary for Design Tokens Management
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-14