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!)
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!)
Công cụ TokiForge v0.2.0 hỗ trợ thiết kế token và chủ đề cho các framework như React, Vue, Svelte, Angular. #TokiForge #ThiếtKếToken #ChủĐề #React #Vue #Svelte #Angular #PhátTriểnPhầnMềm #CôngCụPhátTriển #ThiếtKếGiaoDiện #TokiForge_v0_2_0 #DesignToken #ThemeEngine #FrameworkAgnostic #PhátTriểnWeb
https://www.reddit.com/r/opensource/comments/1opx5ja/tokiforge_v020_frameworkagnostic_design_token/
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
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
#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
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”.
#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.
#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
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.
#Design #Proposals
Design token ugly mode · An approach to uncover hidden design flaws https://ilo.im/15zd8o
_____
#Consistency #DesignToken #DesignSystem #ProductDesign #UiDesign #WebDesign #Development #WebDev #Framework #TechDebt
#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