"Délaissant l’héritage du design d’interaction, orienté vers la recherche d’une adéquation entre forme et fonction, les systèmes de design viennent repositionner le design numérique dans la lignée des chartes graphiques, traitant les artefacts numériques comme des supports de l’identité visuelle de marque."
En attendant sa mise en libre accès, l'article est lisible ici : https://nolwennmaudet.com/ressources/DesignSystemFinal_NolwennMaudet.pdf
Today was my first day at Zocdoc as part of their Web Platform team working on #DesignSystems! I'm pretty excited about what we're going to be doing.
What’s New in the Design Tokens Spec: From Static to Living Design Data, by @resource11 (@zeroheight):
https://zeroheight.com/blog/whats-new-in-the-design-tokens-spec/
Slots in Design Systems, by @nathanacurtis.bsky.social:
https://nathanacurtis.substack.com/p/slots-in-design-systems
When’s the right time to start documenting your design system?
In this article, @Amy_Hupe explains what type of documentation to aim for at each stage of your design system’s lifecycle: https://zeroheight.com/blog/whens-the-right-time-to-start-documenting-your-design-system/
In the process map, visibility created alignment and automation.
In the token mapping, visibility created progress and trust.
In the capability map, visibility created a shared foundation.
That is why mapping matters. It is less about the format (journey, process, capability, or token) and more about creating a picture that people can point to together.
According to an experiment conducted by Figma, designers working with a system completed their task 34% faster than those without it.” #designsystems
Scalable UI design: tokens, components & variants | Penpot Hands-On
Using Composability Over Inheritance to Scale Design Systems, by @asedwick.bsky.social (@zeroheight):
https://zeroheight.com/blog/using-composability-over-inheritance-to-scale-design-systems/
Recently completed migrating the Nord Figma Toolkit to Figma Variables 🎨
Makes theme switching much smoother. No more swapping libraries or manual steps. Components automatically pick up the right theme, and designers can compare multiple themes on one page.
Migration guide: https://nordhealth.design/migration/figma-4.0.0/
From Tokens to Touchpoints: Powering a Successful Rebrand With Your Design System, by @zeroheight:
A scalable design system must abstract color. Stop naming tokens by value ($blue-500) and start naming them by function ($color-action-primary).
This is the core of semantic colors. It's a technical framework that makes systems maintainable, enables effortless theming (like dark mode), and enforces accessibility. This WebHeads United guide provides a practical implementation framework.
Read the guide: https://webheadsunited.com/guide-to-semantic-colors-in-design-systems/
GitHub Design System discourages use of toasts because of accessibility issues
🎉 Just published: a new Design Tokens article 🎉
Create consistent utility classes directly from design tokens for both flexibility _and_ consistency.
Generating Utility Classes from Design Tokens using Style Dictionary
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-13
🙏🖤
Design systems changed how we design. AI might be about to change it all over again.
In this must-read article, Morgane Peng looks at where we’ve been, where we are, and what’s next: https://zeroheight.com/blog/from-grief-to-exec-how-ai-is-disrupting-design-systems/
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!)
Retrofitting a Design System Into an Existing Product, by (not on Mastodon or Bluesky):
“When aligned with real workflows, a design system shifts from a UI asset to a business accelerator” #designsystems
Your Tokens Have Become Infrastructure, by @murphytrueman.bsky.social:
We just shipped a complete redesign of our marketing site. It's now consistent with our dashboard and aligned with Noora's design system-creating a cohesive experience.
@asmitbm wrote an excellent post about what drove this work, the design decisions, technical choices, and real challenges we hit.
From the design language to technical migration, there's nuance in making something polished and authentic.
