#DesignTokens
LightNews LightNews
renderg.host
Why would I ever do that again when I can now build #accessible #responsive #usable components, using #DesignTokens and real data, in hours not days, then iterate just as quickly, using the real web materials?
October 31, 2026 at 10:58 PM
cirrus.twiddles.com
FWIW, we implement our UI components as #webComponents (with React & Angular wrappers), and also in React Native.

We use #DesignTokens extensively (@designtokens.org 2025.10 format, naturally!)

We care deeply about #accessibilty.

And, fair warning, we increasingly use and do AI stuff too.
October 29, 2026 at 3:34 PM
inautilo.bsky.social
#Design #Overviews
The state of AI in design systems · What design teams do to stop AI drifting ilo.im/16heip by Vitaly Friedman

_____
#DesignSystems #DesignTokens #AI #Figma #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
The State Of AI In Design Systems 2026 - Smart Interface Design Patterns
A field study of 20 open-source design systems and 150+ techniques teams use to keep AI from drifting off-system, plus a practical pipeline for turning Figma components into production-ready code.
ilo.im
October 28, 2026 at 10:44 AM
inautilo.bsky.social
#Design #Findings
The state of typography in design systems · How 94 designers handle their type in practice ilo.im/16h7w3 by Oliver Schöndorfer

_____
#Surveys #Business #Typography #Accessibility #Fonts #DesignSystems #DesignTokens #ProductDesign #UiDesign #WebDesign
The State of Typography in Design Systems - Pimp my Type
Why typography rarely gets revisited, what designers struggle with most – and arguments to get your stakeholders on board.
ilo.im
October 26, 2026 at 3:17 PM
inautilo.bsky.social
#Development #Techniques
The best way to use icons in web UIs · Insert and tweak icons in CSS without touching HTML ilo.im/16gx8a by Lea Verou

_____
#ModernCSS #Icons #Images #SVG #DesignSystems #DesignTokens #Accessibility #WebDev #Frontend #CSS #StyleQueries
The best way to use icons in Web UIs • Lea Verou
What if I told you, you could use CSS to insert and tweak icons without touching any HTML? And that it could be more flexible and maintainable than what you’ve been using?
ilo.im
October 13, 2026 at 4:52 AM
dxsrc.org
Tailwind CSS v4 Dynamic Themes Using Semantic CSS Tokens, by (not found or attributed):

https://www.sitepoint.com/tailwind-css-v4-dynamic-themes/?ref=frontenddogma.com

#tailwind #themes #designtokens
Tailwind CSS v4 Dynamic Themes with CSS Variables
Combine multiple color themes and dark modes in Tailwind CSS v4 using @theme inline and CSS custom properties, enabling utilities like bg-primary to adapt at runtime without dark: variants.
www.sitepoint.com
October 12, 2026 at 8:30 AM
inautilo.bsky.social
#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
ilo.im
September 23, 2026 at 9:16 AM
dxsrc.org
Typography Scales, by @donnie@social.design.systems:

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
alvaromartincrespo.bsky.social
En mi flujo guardo los tokens en el repo usando Style Dictionary: exporto JSON desde Figma, genero CSS vars y tipos TS, y el código usa esos mismos nombres. Evita que el handoff “muera”. ¿Tienes algún plugin de sync favorito? #designTokens
September 9, 2026 at 5:32 PM
kindtech.bsky.social
Tailwind-like utility CSS keeps dominating new projects but utility-first debates shifted toward layered design tokens as teams scaled past five developers
#Tailwind #DesignTokens #CSS
August 20, 2026 at 4:09 AM
fylgja.dev
Just dropped a new blog post! 🚀

We're demystifying Design Tokens and showing you how to manage your design decisions like a pro. Stop the copy-paste madness and create a single source of truth for your UI.

Check it out: fylgja.dev/blog/what-ar...

#DesignTokens #CSS #CSSProps #UI #Fylgja
What Are Design Tokens, and Why Should You Care?
Learn what design tokens are, why they are essential for building scalable and consistent user interfaces, and how to use them with tools like the Fylgja Props Builder.
fylgja.dev
September 15, 2025 at 6:47 AM
freelancebarme.bsky.social
Discover how Penpot's Design Tokens can enhance your design workflow with consistent styling using tokenised values like color palettes and spacing. #Penpot #DesignTokens https://www.youtube.com/watch?v=6uaD0QmYzOo
www.youtube.com
May 26, 2025 at 1:05 PM
freelancebarme.bsky.social
Learn how design tokens can streamline development and design processes, benefiting both developers and product owners. #designtokens #productdevelopment https://uxdesign.cc/design-tokens-for-non-designers-f68b8b0fbf0a?source=rss----138adf9c44c---4
https://uxdesign.cc/design-tokens-for-non-designers-f68b8b0fbf0a?source=rss----138adf9c44c---4
Understanding design tokens as a developer, product owner or project manager
uxdesign.cc
April 24, 2025 at 12:43 AM
torresburriel.com
7️⃣ Automatización y documentación avanzada.
Documentamos con ZeroHeight y Storybook. Creamos sandboxes interactivos para que los equipos prueben y ajusten componentes antes de su implementación. #DesignTokens #DX
January 29, 2025 at 11:35 PM
pow.rs
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.
Kaelig giving the announcement on stage
October 28, 2025 at 6:14 PM
particles-ui.com
Layered tokens scale because meaning is decoupled from value.

Particles restructures flat tokens so semantic names point at primitives — edit blue.500 once, brand + action.primary follow.

www.particles-ui.com
#designtokens #designsystems #figma
June 21, 2026 at 3:04 PM
particles-ui.com
Designers publish tokens → your codebase updates itself.

New in Particles UI: publish a token release, a signed webhook fires your CI, and a PR lands with the regenerated token files. Release-pinned, read-only secrets, no relay.
www.particles-ui.com

#designsystems #designtokens #cicd #frontend
June 11, 2026 at 2:13 PM
particles-ui.com
Design it with Claude. Claude Code pulls every color, radius & font into real design tokens. Then particles push — live in Studio for Figma + your code.

Mockup → tokens → production.

Learn more: www.particles-ui.com/docs/cli

#DesignTokens #DesignSystems #ClaudeCode #UXUI #Developer #Frontend #AI
June 8, 2026 at 11:50 PM
ozanoz.me
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
November 24, 2024 at 8:40 AM
elly.lol
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 Token Naming Conventions: A Practical Guide
A practical guide to naming design tokens, including token tiers, common conventions, and rules that keep systems consistent and scalable.
www.alwaystwisted.com
May 4, 2026 at 8:42 AM
intodesignsystems.bsky.social
Do you want to know how to hand off #DesignTokens to developers and what they actually do with them? 🤷🏼‍♂️

You can learn exactly that in our hands-on session with Joren Broekema, who works on Style Dictionary.

Join Joren's hands-on session "The Dev Lifecycle of a Design Token"

🗓️ May 28-30 Live
screenshot of style dictionary website tab design tokens
May 13, 2025 at 6:44 AM
intodesignsystems.bsky.social
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!
speaker announcement into design systems conference
April 21, 2025 at 10:03 PM
intodesignsystems.bsky.social
Design Tokens Resources for designers 🧵

Get guides and templates to learn about Design Tokens

1. Tokens Glossary
continuous-daughter-04a.notion.site/Tokens-gloss...

2. Token Naming Template
www.figma.com/community/fi...

3. Design Tokens Starter Set
www.figma.com/community/fi...

#designtokens
Design Tokens Resources Thumbnail
March 18, 2025 at 8:35 AM
intodesignsystems.bsky.social
Joins us this Wednesday
#DesignTokens
silbormueller.bsky.social Sil Bormüller @silbormueller.bsky.social · Dec 14
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
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