Design Systems House Dedicated to the future of design systems

I’ll be on @ds.house’s Wireframe this Tuesday live @ 5pm ET with @donnie.damato.design to talk about DesignerPunk, my AI-centric design system!

youtube.com/@designsysho...

#designsystems #ai #design

New article from UX Magazine – Zero Stage to Orbit
uxmag.com/articles/zer...
#ux #design-systems #design-thinking #design-to-code

Αύριο έχουμε ραντεβού στο Open Day της SAE Athens!
Θα συζητήσουμε για τις σύγχρονες ροές εργασίας στο Design.

Σας περιμένω!

📅 Σάββατο 14 Μαρτίου, 11:30
📍 SAE Athens (& online)
🔗 vist.ly/4urw8

#SAEAthens #OpenDay #DesignWorkflows #DesignSystems

New article from Interaction Design Foundation – 10 Free-to-Use Wireframing Tools for UX Designers in 2026
ixdf.org/literature/a...
#ux #collaboration #design-systems #design-to-code

New article from Interaction Design Foundation – Top UX and UI Design Tools for 2026: A Comprehensive Guide
ixdf.org/literature/a...
#ux #design-systems #prototyping #user-research

Web Components: The "Missing Link" for Native Form Integration How I brought first-class Form support to AgnosticUI using ElementInternals

Web Components: The "Missing Link" for Native Form Integration I recently realized that my Web Components in AgnosticUI were missing native form integration. Without Form-Associated Custom ...

#webcomponents #frontend #designsystems

Origin | Interest | Match

A retro pixelated image of a person looking sideways towards the left, and the text Hej, Sascha, Design System Lead and UX Engineer. On the bottom right the swedish design systems dot se URL.

Sascha Hjorth, just joined the Swedish Design System specialists club 🇸🇪🎉

We are a small group of folks working at systems made in Sweden. Designers, Engineers, and Product Managers, who collaborate to tell the story of how our organizations create products 🤓

#SwedishDesignSystems #DesignSystems

Managing icon component sizes It's time to retire that icon wrapper component

#Design #Approaches
Managing icon component sizes · “It’s time to retire that icon wrapper component.” ilo.im/16b9iq by Alice Packard

_____
#Icons #Components #Figma #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

New article from CSS Tricks – The Value of z-index | CSS-Tricks
css-tricks.com/the-value-of...
#ux #design-patterns #design-principles #design-systems

Need instant UI states? Don’t redraw icons.
Office Pro includes 234 overlays (Add / Remove / Info / Warning / Error…) to create clear variants in seconds.
Explore the pack → www.axialis.com/icongenerato...
— AXIALIS #Productivity #DesignSystems

From basic adoption to meaningful measurement: How design system metrics evolve - zeroheight Avoid the adoption trap! Maya Hampton presents a framework to better measure design system impact and explains how to put it into practice.

From Basic Adoption to Meaningful Measurement: How Design System Metrics Evolve, by @zeroheight@mastodon.social:

zeroheight.com/blog/from-basic-adoption...

#designsystems

New article from Interaction Design Foundation – 8 Talks by Women to Inspire UX Designers
ixdf.org/literature/a...
#ux #accessibility #design-ethics #design-systems

Design systems can’t automate away all of your accessibility considerations - zeroheight Eric Bailey explains why automated checks can't catch all accessibility issues in a design system and how teams can fix them, step by step.

Design Systems Can’t Automate Away All of Your Accessibility Considerations, by @eric@social.ericwbailey.website (@zeroheight@mastodon.social):

zeroheight.com/blog/design-systems-cant...

#designsystems #components #automation #accessibi…

I agree with @kevinpowell.co and see a shift in how #designSystems will be maintained and documented.
A lot of tools are built around an JavaScript ecosystem and react components. Though by now a dialog „component“ could simply be a markup documentation and CSS file.

AI Chose Your UI (Did It Choose Wrong?) Vibe coding tools are quietly making your UI and UX decisions for you. Every prototype comes back React, Tailwind, shadcn. Nobody questions it. Maybe we should.

AI is influencing our UI decisions. Are we supposed to go along with it because the output looks polished? #designsystems

pixelflips.com/blog/ai-chos...

How to Supercharge your Design System with Slots | Figma Blog Slots give you the ability to customize components without breaking the system. We’re sharing five field-tested tips from early users to help you unlock more freedom without giving up control.

#Design #Guides
Supercharging Figma design systems · Tips from early testers of slots ilo.im/16b5o6 by Zoë Adelman and Sarah Kelly

_____
#Figma #Customization #Components #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Finally! @figma.com Slots are here and the implementation is super nice 😍

Make Design System will ship with slots support on day 1 👉 makesystem.design

#figma #designsystems

A screenshot of the zeroheight blog, featuring a bunch of articles with colorful hero images.

Fancy writing an article for the @zeroheight.com blog? 😀 zeroheight.com/blog/

I'm always on the lookout for new contributors, and the focus is on the future of #designsystems, how to navigate enterprise design systems, and how-tos on everything DS.

This is a paid opportunity, of course. 🙌

Logos in your app are blurry because someone uploaded a screenshot of a PDF. Respectfully, no.

Yoku returns proper logo assets and brand colors per domain.

Try it. https://yoku.app

#DesignSystems #DeveloperTools #SaaS

AI-generated avatar of Jenil and title of his talk: Our Design System is too popular...

What do you do when your design system becomes too popular?

In his talk at last November’s Wey Wey Web, Jenil Gogari explains the misconception that every shared UI component automatically belongs to the DRUIDS design system.

Check it!

youtu.be/3vXq0gWtjvY?...

#ProductDesign #DesignSystems #UIUX

#ux #designsystems

Design Tokens for Microcopy with Style Dictionary Manage product interface copy, error messages, and labels as design tokens using Style Dictionary. Keep your product language consistent, controllable, and collaborative across teams and platforms.

🎉 New Article 🎉

Keep your microcopy (button labels, error messages, form hints) as Design Tokens using Style Dictionary

www.alwaystwisted.com/articles/a-d...

#DesignSystems #DesignTokens #WebDesign #ContentStrategy

Real-Time UI “If a picture is worth a thousand words, then a prototype is worth a thousand meetings.”- Tom & David Kelley But what if the meeting is the prototype? That's the spirit of an idea I'm calling "Real-time...

#Design #Explorations
Real-time UI · Why not build a website live as we talk? ilo.im/16b2eg by Brad Frost

_____
#Meetings #AI #Ideations #Prototypes #DesignSystems #DesignProcess #ProductDesign #UxDesign #UiDesign #WebDesign

Design systems can’t automate away all of your accessibility considerations - zeroheight Eric Bailey explains why automated checks can't catch all accessibility issues in a design system and how teams can fix them, step by step.

Design systems scale consistency, not accessibility. They reduce repeat errors, but context, content, and real user needs still decide outcomes. Accessibility isn’t automated, it’s practiced.

buff.ly/VJ5M2kU

#Accessibility #DesignSystems #InclusiveDesign #UX #A11y #DigitalAccessibility

From basic adoption to meaningful measurement: How design system metrics evolve - zeroheight Avoid the adoption trap! Maya Hampton presents a framework to better measure design system impact and explains how to put it into practice.

You know your design system is delivering value, but how do you prove it? 😬

I've got you. In this post on the @zeroheight.com blog, Maya Hampton presents a framework for more effectively measuring the impact of #designsystems — focusing on efficiency, speed, and ROI.

The real power of a design system comes from its foundations. Elements like tokens, spacing logic, typography scales, semantic naming, and layout principles do much more heavy lifting than the visible components ever could.

medium.com/@vandanapraj...

#DesignSystems #ProductDesign

You’re Automating the Wrong 70% A rebuttal to the claim that AI will replace 70% of design system work. The article misses the biggest part: support, maintenance, and the human relationships that drive adoption.

"AI will replace 70% of design system work." Where'd that number come from? Vibes. And the argument ignores the biggest part of the job: support, maintenance, and the humans supporting humans. #designsystems

pixelflips.com/blog/youre-a...

Release v.3.0.0 · styleframe-dev/styleframe What's Changed refactor: Introduce global styleframe instance by @alexgrozav in #114 feat: Integrate scanner algorithm by @alexgrozav in #115 feat(theme): add Badge recipe with createUseRecipe fac...

Styleframe v3.0.0 is live! 🎉

• Global Styleframe instance with extension files
• Scanner plugin with Tailwind-like utility support - write utility classes in markup and auto-generate the styles

Read more: github.com/styleframe-d...

#DesignSystems #TypeScript #CSS #WebDev

Designing beyond the happy path in design systems - zeroheight Design resilient design systems: in this checklist, Stéphanie Walter covers technical states, layouts, inclusive interactions, user preferences, and more.

Designing Beyond the Happy Path in Design Systems, by @stephaniewalter@front-end.social (@zeroheight@mastodon.social):

zeroheight.com/blog/designing-beyond-th...

#designsystems #design

Sketching with code Issue 286: Treating code like a pencil, not a blueprint

#Design #Approaches
Sketching with code · Treating code like a pencil, not a blueprint ilo.im/16auag by David Hoang

_____
#Sketching #Ideation #Exploration #AI #Code #DesignSystems #ProductDesign #UxDesign #UiDesign #WebDesign