The #DesignToken Interfaces talk I gave at last week's #DesignSystems London meet-up is now online. Enjoy!

(and be sure to also check out the other 2 talks from that night as they were excellent!)

https://youtu.be/lcjc0oQZBIk?si=FtxQyfCEF4Tu1HFS

Design token interfaces by James Nash

YouTube

Hey peeps. I'll be one of the speakers at the next #DesignSystems London meetup on 11. November, sharing my thoughts on something I call #DesignToken Interfaces.

It's free, but you need to register to get a ticket as spaces are limited.

See you there?

https://www.eventbrite.co.uk/e/design-systems-london-14-tickets-1687811633029

Design Systems London #14

DSL is a non-profit community aimed at creating a platform for every enthusiast to share experiences, ideas and approaches on Design Systems

Eventbrite

On cross-road what should be used as source of truth for UI Design Tokens: css, ts, or JSON?

Design tokens require type-checking to ensure valid values across themes. While JSON and Figma lack this, TypeScript, Java, and modern CSS offer structured solutions like APIs, nested classes, and utilities for checks like ADA compliance. Balancing accessibility, structure, and DX is key to effective #DesignToken usage.

https://blog.firsov.net/2025/04/ux-design-token-source-of-truth.html

#DesignToken #WebDesign #WebDev

UX Design Token source of truth

Design Tokens (  Figma tokens help image )  Trying to keep the UX design tokens type checked to ensure the each token in theme variation is...

#Design #Guidelines
Design systems need a color space · Ignoring color spaces is no longer an option https://ilo.im/162qtm

_____
#Color #ColorSpace #DesignToken #DesignSystem #ProductDesign #UiDesign #VisualDesign #WebDesign

Design systems need a colour space

Imagine walking into a shoe store and asking for size 10 sneakers. You may end up with shoes that fit, but “size 10” isn’t descriptive enough to be sure — the US, UK, EU, Australia, and Japan all have different shoe sizing systems. To ensure you get shoes that fit, it’d be wise to be more specific and ask for “size 10 US” or “size 10 EU”.

Bjango

#designToken operations are not hear yet, but feel like an integral part of design tokens, without which they will not be sustainable in the long run. @donnie has a neat writeup: https://buff.ly/3BsZ5nd

Personally, I gravitate to the simpler solution suggested in the w3c repo: https://buff.ly/4dmoOeg as it makes it easier for tools to adopt quickly and covers most cases.

Token operations

Defining transforms into a specification.

#Design #Resources
Design systems glossaries and primitive tokens · The ideas driving conversations about design systems https://ilo.im/160gmd

_____
#Glossary #Jargon #Terminology #DesignToken #DesignSystem #UiDesign #WebDesign #Development #WebDev #Frontend

Design Systems Glossaries & Primitive tokens

There's an abundance of lexicon in design systems, for better or worse, so it's nice to see the community sharing definitions

Design Systems WTF

Interesting post on #decisionTrees for #designSystems #components: https://www.linkedin.com/pulse/decision-trees-ui-components-vitaly-friedman-chgae/

They are a great way of helping folks pick the right component or #designToken.

🌳 Decision Trees For UI Components

Decision trees for notifications, errors and alerts, loading patterns, calls to action, truncation, overflow and design system contribution process.

#Development #Approaches
A structured approach to custom properties · How can we manage CSS variables effectively? https://ilo.im/15zcqz

_____
#CustomProperty #Typology #Naming #DesignToken #DesignSystem #WebDev #Frontend #CSS

A Structured Approach to Custom Properties

How I define and manage custom properties in CSS