Articles · Topic
What the design systems community is writing and posting about tokens and theming, gathered from public feeds and refreshed every hour. Newest first, from the last 30 days.
10 articles and 7 posts · most from Design Systems Collective, The Design System Guide and Medium
Export variables from Figma, run one command, get a Tailwind theme with light and dark modes · I design interfaces and build them myself. I have a style library, pbstyles: its colors, sizes and fonts are described as…
Scale your white-label applications without managing four separate design systems
We all love Figma, don’t we? It’s been 3 years since Figma thrilled us with Variables, which connect us even more with Developers. Since then, they've upgraded variables. In the free version, you can create multiple…
How to standardize Figma token names, catch duplicated color codes, and spot off-grid spacing for $0 before developer handoff.
I once opened a design system file and found the same gray typed in by hand in more than a dozen...
👋 Get weekly insights, tools, and templates to help you build and scale design systems. More: Design Tokens Mastery Course / AI Design Guide / My Linkedin · Presenting new partner of the newsletter, QT Group. They are…
Read the original article on the DS-GN blog. DS-GN — pronounced "design" — builds UI components and...
👋 Get weekly insights, tools, and templates to help you build and scale design systems. More: Design Tokens Mastery Course / AI Design Guide / My Linkedin · Do you already have components like “approval prompt” or “tool…
We spent years treating design tokens as an engineering afterthought. Native variables finally forced us to think in systems.
👋 Get weekly insights, tools, and templates to help you build and scale design systems. More: Design Tokens Mastery Course / AI Design Guide / My Linkedin · Let’s kick off this post with a quick exercise. Open any SaaS…
AI agents are slowly destroying my Compose Design System. 🚨 Audited 396 files: 47 duplicate tokens, 68 orphans, and AI mixing 4.dp for spacing & radius. I built AST guardrails to stop it. How are you handling AI drift in large projects? 👇 #AndroidDev #JetpackCompose #Kotlin #AI #MCP #Android
#design #ux #designsystems #themes smartwebUI design system is shipped with four material styles: Solid, Liquid, Minimal, and Relief. You can fully customize all values for your brand with design tokens. smartwebui.dev/demo
The current land landscape of tools partially supporting Design Tokens spec and/or mixing and matching latest spec with older definitions is an absolute chaos. Hate it.
also 4. always use design tokens and atomic design for ui, claude eats it up and i promise you it'll save you in the long run
Chad@chadtmiller.comthings i’ve found extremely useful on ai code projects lately: 1. 100% code coverage ci gate. there’ll be flakes but you can deal with them as you go 2. create a shots cli suite to programmatically screenshot any page for ai to review 3. have agents running scenarios on your code as QA
Nobody decides to break a design system. It drifts. A hex that should be a token. A renamed Figma variable. A component forked "just for this page". Docs nobody opens. Which one do you see most on your team? Full article: fenly.io/blog/design-system-drift
"Is our design system actually working, or does it just exist?" Count colors, font sizes, spacing values, radii and shadows in production CSS. Compare to your tokens. The gap is your drift. CTOs: run it this week. Which number surprised you?
"We bought a component library. Why do we still have design problems?" Components are the visible part. Tokens, patterns, content rules and an owner sit underneath. Founders: when someone says "we have a design system", what do they actually mean?
More topics: AI and agents · Figma · Components · Accessibility · All articles
It's on my list. If it's junk, it's gone in the next hourly refresh after I block it.