Articles · Topic
What the design systems community is writing and posting about components, gathered from public feeds and refreshed every hour. Newest first, from the last 30 days.
10 articles and 13 posts · most from zeroheight, Design Systems Collective and Anna E. Cook
On an inherited design system, the component is rarely the hard part. The hard part is the agreements already built on top of it, including the ones between companies sharing a single order. Strata was a design system I…
It usually starts with a request to help users finish a task faster. “Can people open it straight from its card? And can they favorite it or share it without leaving the page?” We work out what each click does: click the…
If you've spent your career in design, you're probably used to working on a canvas. Most projects have a visual form: objects you can select, layers you can rearrange, and elements you can watch change as you work on…
The component looked finished. The interaction wasn’t. A generated card in my design-system work looked close enough to the screenshot to hand over. The radius, elevation and padding were there. The missing pieces…
On 29 September I opened a small task in my own design system: make the outline Button’s border pass WCAG 1.4.11,
When we think about design systems today, we think about components that mirror each other in pixels and code. We package these up and hand them off to product teams to build their software, often paired with…
Read the original article on the DS-GN blog. DS-GN — pronounced "design" — builds UI components and...
👋 Get weekly insights, tools, and templates to help you build and scale design systems. More: Design Tokens Mastery Course / AI Design Guide / My Linkedin · Do you already have components like “approval prompt” or “tool…
Accessibility issues often appear even when teams use a design system and follow its guidance. I see this across many organizations in my work as an accessibility auditor and consultant, whether the design system is…
Step 2 for Scout: turning the mockups' design system into code. Colors, type, icons, buttons, screens, transitions: it all lives in a Storybook. I had fun with topographic shapes and WebGL. The contour lines drift slowly, and 5 orange peaks change places on every load.
In a design systems team, one thing we ALWAYS disagree on is components with conflicting purposes that shouldn't really exist. Excellent read from @annaecook.com
Frankenstein's pattern: When design system components get stitched together - zeroheightAnna E Cook shows how to spot and fix a Frankenstein pattern, an accessibility anti-pattern that stitches too many interactions into one com
Happy Halloween (for tomorrow)! 🎃 It's the perfect opportunity to talk about design system components that get stitched together like some kind of monster. 😱 This was such a fun article to work on with Anna.
Frankenstein's pattern: When design system components get stitched together - zeroheightAnna E Cook shows how to spot and fix a Frankenstein pattern, an accessibility anti-pattern that stitches too many interactions into one com
I use a design system model with reusable high-level components that compose plain SwiftUI views. This lets me adapt the app to iPhone Duo or iPad by modifying a few shared components. swiftwithmajid.com/2026/04/06/b...
#Design #Pitfalls Frankenstein‘s pattern · When design system components get stitched together ilo.im/16hgfo by Anna E. Cook _____ #Users #Components #Usability #Accessibility #AI #DesignPatterns #DesignSystems #ProductDesign #UiDesign #WebDesign
Frankenstein's pattern: When design system components get stitched together - zeroheightAnna E Cook shows how to spot and fix a Frankenstein pattern, an accessibility anti-pattern that stitches too many interactions into one com
When it comes to the web, design system components should not be static. And documentation made in HTML is not enough. blocksedit.com/content-code... #design #designsystem #webdesign #designcomponents #patternlibrary
Real-world design componentsThe case for a single HTML for your web design system pattern library
Google's A2UI can now have the model write a short "Express" format, which SDK code compiles into validated UI from your component catalog. Google says up to 3x faster than raw JSON. My take: it's a design system with a compiler as the reviewer. Pick the mode per screen. #AIAgents #webdev
Nobody decides to break a design system. It drifts. A hex that should be a token. A renamed Figma variable. A component forked "just for this page". Docs nobody opens. Which one do you see most on your team? Full article: fenly.io/blog/design-system-drift
Design systems make consistency possible, but the best ones leave room for personality. A thoughtful set of patterns helps a product grow while keeping every interaction clear, familiar, and human. ✳ Structure gives good ideas somewhere to go.
"We bought a component library. Why do we still have design problems?" Components are the visible part. Tokens, patterns, content rules and an owner sit underneath. Founders: when someone says "we have a design system", what do they actually mean?
10 design systems benchmarked with tests that fail when a component is too slow. Web Awesome opened a country selector in 137ms, only 76ms behind than the top performer. Not bad, but we can do even better! Thanks for the open tests, @denodell.bsky.social denodell.com/blog/design-...
Design Systems Should Be Fast by DefaultIf a design system’s components are slow to interact with, so are any apps built with it. I timed large dropdowns and checkbox lists in some
I did a deep dive into the performance of ten popular design systems, and wrote Playwright tests that fail when a component is too slow. They're open source, so you can run them against your own design system, or measure the ten yourself. denodell.com/blog/design-...
Design Systems Should Be Fast by DefaultIf a design system’s components are slow to interact with, so are any apps built with it. I timed large dropdowns and checkbox lists in some
congrats to our designer who was up till 3am celebrating victory in brazil and then showed up on time and somehow cranked out some great design systems components, love having an intl team
More topics: AI and agents · Figma · Tokens and theming · Accessibility · All articles
It's on my list. If it's junk, it's gone in the next hourly refresh after I block it.