#Development #Releases Storybook 11 beta · Agent-ready components for modern frontends ilo.im/16ht5j by Michael Shilman _____ #Storybook #AI #AiAgents #AiSkills #DesignSystems #WebComponents #Frameworks #CLI #WebDev #Frontend #JavaScript
Social
What people are saying about design systems, design tokens, components and Figma. Job bots, release bots and crypto stay out.
Newest
No posts match that yetTry a shorter word or fewer filters. New ones arrive every hour.
#design #ux #designsystems smartwebUI is getting a lot of traction and downloads. I’m happy about it. It’s now a mature design system for AI agents and modern web apps. smartwebui.dev
meta's astryx is trending on github – +3,324 stars today, 18.8k total an open source (mit) design system that meta says powers 13,000+ of its internal apps, now built for coding agents too. to run it, you need node and a react 19 project
Was reading a post by @markboulton.co.uk that mused about design systems, AI, & what it means to be human—which reminded me I was asked to answer ‘Is the human body obsolete’ when in college studying design & making the schools 1st site. Need to do this up w/web fonts: www.rwt.io/blog/2018/04...
Tech Humanism at An Event Apart: throwback trackback | RWT.iosome days you drink the design system. and on other days, the design system drinks you.
Still looking for work! Frontend, FE-leaning full-stack, DevEx, design systems — I’m here for it! And after doing this for 12 years, lemme tell ya, I can do it! #DevSky #JobSky #UIUX
I don't think I've ever had my resume on the web before, but it's so much easier to maintain this way. Hire me! Please! clough.cool/cv
CVNew client request · Brand & identity · found 2 h ago A client needs a presentation designer to build out a design system for presentations, 3-6 months contract. #freelance #design
A client needs a presentation designer to build out a design system for presentations, 3-6 months contract“…is looking for a designer to help us build out a design system for presentations. It's a contract role, 3-6 months. And must be located inJust discovered that the @economist.com has their lovely design system online. Check it out! design-system.economist.com
You can now copy Webstudio design tokens between projects, including their styles, breakpoints, referenced fonts, images, and variables. The transfer format is plain CSS, so you can read and edit it before pasting.
Everyone in design systems needs to do this survey! It's been running years now and the trends are very helpful👇
The 2027 Design Systems Report survey is OPEN. 🚨 A lot can change in a year, so we need you to tell us where design systems are at right now. Take the survey today and have your say in the 2027 report. Go, go go! https://report.zeroheight.com/2027
Astryx, Meta's open-source React design system, lets you build interfaces from 150+ prebuilt components and restyle any theme with CSS variables. Explore it here: osp.fyi/astryx
Go CSS-Tricks! It's refreshing to see a real™ website redesign 👌
CSS-Tricks, Version 20 Things look a little different around here? I hope so because we just pushed a site redesign! Here's everything new with the 20th(!!) version of CSS-Tricks. https://css-tricks.com/css-tricks-version-20/
There are designers who use Figma AI for designer and then there are designers who use a bridge in Claude to make a design. They are no the same 😂
If you work in #designsystems, please take a few minutes to fill out this survey. It covers everything from what’s in your design system to contribution, governance, and how you’re using AI. 👇
The 2027 Design Systems Report survey is OPEN. 🚨 A lot can change in a year, so we need you to tell us where design systems are at right now. Take the survey today and have your say in the 2027 report. Go, go go! https://report.zeroheight.com/2027
Figma naming a feature “Specs” when an indie plugin already uses the name: awkward, but not a feud. One person in a basement, one billion-dollar company. Still, someone might’ve checked first.
New open GitHub repo from Zeit Online (Germany)! This has no description, but I think this is a shared library of framework-agnostic web components for ZEIT ONLINE browser games like Sudoku and Wortgeflecht, themed via design tokens. https://github.com/ZeitOnline/web-components-game-library
web-components-game-libraryof course, there is one way to increase adoption of a new design :thinking-face:
Do we need a design system yet? Usually not a full one. It pays off when a second designer joins or engineers keep rebuilding the same parts. Until then, tokens, twenty components and one page of rules. dtailstudio.com/blog/design-...
Explore earth, other planets and even other galaxies, all rendered with HTML and CSS, via PolyCSS. css.earth
https://css.earth/?utm_source=the-index&utm_medium=newsletter&v=UcO9olmEZRMenr2wYk3S8an8wOjqIxJul5NBQsczQAAAAD_30p0PKgEZv9XjqHSKGu0AAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAJust heard about the #MCP incident at German hosting provider #Mittwald. 😬 The attacker got hold of session tokens for mStudio accounts. If you connected mStudio to an AI assistant via MCP, it’s time to rotate your secrets: password, API keys, project tokens, SSH keys … www.mittwald.de/lp/mcp-faq
MCP-Server: Was du jetzt wissen musst | mittwaldUnbefugter Zugriff auf unseren MCP-Server: Wir beantworten deine Fragen zu betroffenen Tokens, deinen Projekten und den nächsten Schritten.While everyone’s deciding whether Figma is dead, this one’s for every design system team who’s ever wondered why people keep detaching their Button.
New Swedish Design Systems role was spotted crossing the sky 🇸🇪🚀 Etraveli Group is looking for a Senior Design System Specialist to work on their multi-brand Design System. #SwedishDesignSystems #DesignSystems
I think I'll need a week of personal project PRs to get used to the new GitHub page and ui design for them.
New entry on the Swedish Design Systems event calendar 🇸🇪📅 Join the Designer Games Night on December 7th at Dotter Voltaire. luma.com/h8cyycpl?lm_... #SwedishDesignSystems #SwedishDesign
Design Systems Should Be Fast by Default
Hello! I’m a designer who codes for the web (HTML/CSS/JS) and I'm looking for my next gig. Check out my past work at saneef.com/work/ If you need help with product design, design systems, front-end dev, or data visualisation, please connect with me!
Anthropic open-sourced Agent Skills repo, Meta shipped an "agent ready" design system. Both are building frameworks. But agents still need real multimodal capabilities to work. iFLYTEK's official skill collection packages speech recognition, OCR, translation & proofreading as plug-and-play agent ski
🚀 Senior Product Designer, Design Systems @ Ondo Finance Architect the future of tokenized finance: Senior Product Designer to own and scale critical design systems at Ondo Finance. (1/3)
here's a random paperpost, from 1 January 2019: Some unposted gems from 2018 p1 https://www.paperposts.me/some-unposted-gems-from-2018 #LetterformArchive #coke #branding #designsystems #paperposts
I really don't have a lot of hope for the future of Apple's graphic design capabilities. It feels like Jonny Ive worked hard to get them to a place where they had a "perfect" design system, but he went too far (in that it moved away from actual usability), and there's been no one with a […]
Original post on mastodon.socialJust discovered Cally is being used in Home Assistant. Migrating allowed them to drop their Vue dependency. Super cool github.com/home-assista...
Yeah folks I am putting the final touches to a conference on design and performance and how performance is also the job of designers since it can have a huge impact on UX especially for complex tools. Small questions for designers and developers:
Type one sentence, get a finished slide deck. Claude Design turns a prompt, doc or image into editable designs, prototypes, slides and one-pagers. Pro move: import your design system once so everything stays on brand. #aitools
Styx gives its agents built-in guidance for coding, interfaces, design review and architecture. It only applies to that kind of work, and your project's own design system and rules come first. Would you rather write your own?
Design tokens help developers and designers keep apps consistent by standardizing colors, typography, spacing, and other interface elements across platforms. Read more: techamerica.ai/apps/design-... Follow TechAmerica for more updates.
astryx — An open source design system that's fully customizable and agent ready Link: https://github.com/meta/astryx #OpenSource #GitHub #DevTools
The misuse page is the most useful page in a brand guide. “Don’t stretch the logo” sounds obvious until someone stretches the logo, lol Same reason design systems need do’s and don’ts, not just components ✨
Ky2
in retrospect, "Don't Make Me Think" as a guiding UX principle might've always been destined for an end-state of "chatbot that tells you what to think"
Prompting a full rewrite of css-analyzer. Only analyze what you need, better type hints. Full configurability. This will make stylelint-plugin and css-design-tokens lots faster. And projectwallace.com as well. Conservative estimates say 4x speedup on full analysis, 10+ with partial analysis.
Working With Designers, by @seangoedecke.bsky.social: https://www.seangoedecke.com/working-with-designers/?ref=dxsrc.org #collaboration #design #designsystems
Working with designersI love working with designers, in part because (unlike managers and product managers) they’re culturally different from engineers. However,My game's started to become very disjointed with redundant CSS classes remaking the same retro button style. Defining my own gui / component library now.
“The HTML & CSS part has less emphasis. It’s been shown in the lack of assessment in hiring for technical roles. It’s been tucked away into frameworks that are meant to solve the problem that is CSS where the problem was it didn’t feel like ‘real programming’.” Spot on.
blog.damato.design/posts/on-a-r... "Design systems"
A non-standard but interesting CSS property is box-reflect, which lets you reflect an element’s content in one specific direction. I created a small tech demo in my design system to use it to create a water-based reflection effect. design.alasdairmacrae.co.uk?path=/story/...
Yeah Okay I am Not going to be able to close up this roof without some fuckery. I'll probably end up turning some of this into ruins and rubble to avoid having to make allll the new roof modules to fit it all. Kinda wish I'd gone for a more brush-like level design system for this...
Look. I may never find a tech job again, but that doesn't mean I don't have simple, helpful tips still. Put all your design system form inputs in a story. Make it stateful, so you can toggle disabled/error states. This will reveal all the discrepancies in your system you need to fix. Do it now.
Buildkit is in great shape and already helped me put together 6 websites. With 1.1 update that I released yesterday it reached a point where I can now build tons of interesting features on top. My plan is to make it the ultimate Astro design system for agents. Wish you a great weekend ahead!
Hi #a11y folks. I'm Giacomo, a certified accessibility expert in Italy and CEO of Hedron, a design and accessibility studio. I'll share what the European Accessibility Act looks like from inside real audits, plus PDFs, design systems and teaching. Glad to learn from you. #introduction
blog.damato.design/posts/on-a-r... "Design systems"
#design #ux #designsystems Seeing a lot of downloads of the latest smartWebUI version, a great milestone. Share what you're building with it. smartwebui.dev
📝 A new CSS-Trick, where I use the custom `:state()` feature of #webcomponents to mimic interactive states like `:hover`, `:active`, and `:focus-visible` in component demos. daverupert.com/2026/11/pseu...
Pseudo-pseudo-classes for maximum interactive demos!Have you ever wanted to display all variants of a Button next to each other in your Storybook like your designer did in Figma? But then youCSS-Tricks has always been about the people building for the web. Supporting that community means taking a real risk—and not everyone is wired for that. A candid moment about where investment matters.
New event added to the Swedish Design Systems events calendar 🇸🇪🔥 t12t - Tillgänglighet is hosting an accessibility event at Nexer Group in Gothenburg. www.meetup.com/t12t-stockho... #SwedishDesignSystems #SwedishDesign
https://dub.sh/swedish-ds-eventsNew event added to the Swedish Design Systems events calendar 🇸🇪🔥 Friends of Figma, Stockholm is hosting an AI Demo Night with Figma Weave on the 18th of November. friends.figma.com/events/detai... #SwedishDesignSystems #SwedishDesign
New Swedish Design Systems role just "sinched" 🇸🇪👩🏻💻 Sinch is buffering for a Senior Product Designer to work on their Design System. #SwedishDesignSystems #DesignSystems
New Swedish Design Systems role spotted 🇸🇪🚨 Kriminalvården is metaphorically trying to lock down a UX Designer to work on their Design System. #SwedishDesignSystems #DesignSystems
Your Figma library and codebase have changed. What needs updating in the docs? Join Luke Murphy to see how an MCP workflow can take care of checking what’s changed and drafting the docs, so your team has less catching up to do. 📅 Tuesday 10th November, 4pm GMT Sign up 👉 https://hubs.li/Q04DjKf80
There are so many opportunities to close loops in any organization. The obvious may be addressing user feedback. But it can also be in places like making design system updates based on usage over the last n days. The possibilities are virtually endless!
A Stack Overflow blog essay warns against merging similar workflows into one component. I think the cost is ownership, so shared libraries should decline workflows. https://stackoverflow.blog/2026/11/05/don-t-build-the-reusable-component-yet #DesignSystems #WebDev
Don’t Build the Reusable Component Yet - Stack OverflowFounded in 2008, Stack Overflow’s public platform is used by nearly everyone who codes to learn, share their knowledge, collaborate, and buiSome weekend reading for all you #designsystem nerds out there: In this post, Nicole Kutos walks us through a phased approach to design system onboarding that can help teams drive adoption and decrease friction:
How do you onboard new users to your design system without overwhelming them? Without a proper process, people misuse tokens, recreate what exists and drift back to their own solutions. Learn more👇 https://hubs.li/Q04D4SPZ0
I forgot. It's just been 10 years since I went from a Design role to a full-time developer. I haven't regretted it. Miss it? Maybe, but developing design systems means it has always been part of the work. #designsystems #ux #ui #frontend
How do you onboard new users to your design system without overwhelming them? Without a proper process, people misuse tokens, recreate what exists and drift back to their own solutions. Learn more👇 https://hubs.li/Q04D4SPZ0
Trying to figure out a front end design system for lexicons while having never designed a design system before is hard
Building an AI-ready design system library: Code → Figma with MCP.
Just a moment...here's a random paperpost, from 13 January 2018: Braun Design Guidelines - “The Realization of a Corporate Concept” https://www.paperposts.me/braun-design-guidelines-the-realization-of-a-corporate-concept #LetterformArchive #branding #designsystems #designpractice #Braun #paperposts
Take a minute to fill out this year's design system survey! #DesignSystems #WebComponents
The 2027 Design Systems Report survey is OPEN. 🚨 A lot can change in a year, so we need you to tell us where design systems are at right now. Take the survey today and have your say in the 2027 report. Go, go go! https://report.zeroheight.com/2027
Good design systems age well. We built this app for Ballogy before AI could design. And now, with AI, extending a system like this is even faster. Just need to get the components and design system right once and then strong foundations do all the heavy lifting.
agent uses the Astro design system.. ..and then delivers your website.
this is the product I built for the agentic era. I created this to help me with my agency's work but I'm sure you will find it very handy. a design system for building super fast + carefully crafted marketing websites with your agents. Buildkit 1.1.0 update is out! → astrobuildkit.com/changelog
A design system that explains its own reasoning A design-token tool that stores *why* a color was picked, not just its hex code — so an AI can edit the reasoning instead of guessing new values.
What AI has changed in Design Systems, and what is still up to us uxdesign.cc/what-ai-has-...
Happy Reading Thursday 📖 May Your Tokens Never Run Dry ✨ This week in TSBT: • Vibe coding & Claude Code • AI agent skills • DevOps, CLI & networking • LLMs on Kubernetes • Design systems & engineering leadership Read: newsletter.veldakiara.com/archive/tsbt...
CSS-Tricks means a lot to its community, so even small missteps in how it was handled felt disappointing. The explanation points to lax management and limited resources, not malice—but that doesn’t erase the reaction.
bluesky is understandably pushing a lot of DC folks and midterm result celebrators into my "discover" feed but i am also wanting to find more: figmas users who are... - design systems practitioners - product designers sound off in the replies!
*swoon* my first CSS Tricks article 🙏🖤
Taming Typography: Building a Modern CSS Reset Stu created tidy-typography.css: a style reset for taming typography with modern CSS features for everything from fluid typography and vertical rhythm, to hyphens and variable fonts. https://css-tricks.com/taming-typography-modern-css-reset/
Your agent didn't design that settings page, it spit out an average of every settings page on the internet. Point it at a real design system instead. We have skills for that!
The 2027 Design Systems Report survey is OPEN. 🚨 A lot can change in a year, so we need you to tell us where design systems are at right now. Take the survey today and have your say in the 2027 report. Go, go go! https://report.zeroheight.com/2027
this is the product I built for the agentic era. I created this to help me with my agency's work but I'm sure you will find it very handy. a design system for building super fast + carefully crafted marketing websites with your agents. Buildkit 1.1.0 update is out! → astrobuildkit.com/changelog
In case you missed it: Design System Checklist www.developerux.com/design-syste...
WebStorm 2026.3 is out 🚀 It now bundles JetBrains Air: bring your own agents, run them side by side, review every change. Agents can also work from your Figma designs and Storybook components, then verify in a live browser: https://jb.gg/cq1ez7 #NewInWebStorm
why let Safari have all the "adaptive dark mode" fun when we've got CSS‽
.NET Conf starts next week, so I thought I would give you all some new toys to play with. Today I am excited to release @dot.net tools for Web Components! This includes: - HTML Tag Helpers for Razor Pages - Blazor wrappers #html #css #javascript #WebComponents wc-toolkit.com/integrations...
🤖 AI Design Systems evolve while Google faces backlash over Search restrictions for schools limiting AI. Meanwhile, Google struggles to monetize AI like search, OpenAI acquires Pierre Computer, and Texas's AI data cent... https://newsletter.designsell.org/the-id-signal-2026-11-05/
Delighted to be speaking at the 10th anniversary AbilityNet TechShare Pro. My talk covers how to leverage AI hype to make your documentation better for humans. Hope to see some of you nerds there! You can watch for free online if you register: www.techsharepro.com
A design system should create measurable consistency. Track whether teams use it, whether pages pass, and whether exceptions keep shrinking.A design system should create measurable consistency. Track whether teams use it, whether pages pass, and whether exceptions keep shrinking.
Stanford researchers unveiled MolCrew, a new molecular design system integrating AI specialists for improved accuracy in drug discovery, achieving 96.4% exact structure recovery. Its local deployment ensures data privacy while enhancing candidate evaluation. https://arxiv.org/abs/2611.03676
#Design #Approaches AI can generate the interface · Not every moment wants confetti ilo.im/16hnzv by Dolphia Arnstein _____ #AI #GenerativeUI #Occasion #Expression #Delight #DesignSystems #ProductDesign #UxDesign #UiDesign #WebDesign
https://ilo.im/16hnzv