Articles · Topic
What the design systems community is writing and posting about AI and agents, gathered from public feeds and refreshed every hour. Newest first, from the last 30 days.
15 articles and 22 posts · most from Medium, Design Systems Collective and Figma
Generated interfaces are cheap now. The scarce thing is a contract that says which components exist, which states they have, and which ones a tool is allowed to use. Any capable model can now produce a screen in seconds…
What Figma’s MCP server needs from your tokens, names and components.
How to standardize Figma token names, catch duplicated color codes, and spot off-grid spacing for $0 before developer handoff.
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…
Your design system can help the Figma agent understand the principles and guidelines that define your product. Here’s how to make that context useful to the agent.
A six-month field report on W3C tokens, MCP servers, and surviving the 861% code-churn wave.
Design system series, part 4. Two lessons on writing the color roles into Figma, a repository, and the rules page.
What changes in a design team’s work when its rules are read by a machine
At zeroheight, we spend a lot of time telling folks that their design system should be the context coding agents work from. However, the obvious follow-up from anyone who hears that is a question we didn’t have a good…
👋 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…
AI is changing how design system teams create documentation. MCPs have made it possible for an agent to inspect the anatomy and variants of a new component in Figma, then generate useful documentation in Markdown. We can…
An AI coding agent can use the right design system components and still use them incorrectly. A form control has no label. An icon name looks right but isn't in the library. A spacing token looks reasonable but doesn't…
Knowing what work to hand to an agent is a skill of its own. This workflow shows how a designer shapes a new temporary-access feature while the Figma agent handles the library updates, crit feedback, and a first draft of…
Figma’s agent can take on repetitive work across your design system, from maintaining your library to automating how designs adhere to it. Here, we share a few ways to put the Figma agent to work.
A Rust design system for AI agents just hit +2,300 stars in a single day—here's what's actually trending in agent infrastructure right now. Which of these would actually save you the most time in your workflow right now?
AI agents are slowly destroying my Compose Design System. 🚨 Audited 396 files: 47 duplicate tokens, 68 orphans, and AI mixing 4.dp for spacing & radius. I built AST guardrails to stop it. How are you handling AI drift in large projects? 👇 #AndroidDev #JetpackCompose #Kotlin #AI #MCP #Android
#design #designsystems #ai #agents At the beginning of August, I created a design system for the AI era and AI agents. smartwebUI 1.6.1 is now available, a maintenance release. One of my best milestone of the year. smartwebui.dev
Tests tell AI agents when code is wrong. What tells them when UI is wrong? 🎨 At Wey Wey Web, Kateryna Porshnieva showed how to set up your design system so good UI becomes the default for agents. #YayYayConf #WWW26 #DesignSystems
GitHub’s new AI prototyping tool is free, open source, and not for Windows GitHub Design released Replica on October 28, an MIT-licensed tool that turns a sentence into a working interface prototype built from your own design system. You describe what you want in the GitHub Copilot app, and the…
GitHub’s new AI prototyping tool is free, open source, and not for WindowsGitHub Design released Replica on October 28, an MIT-licensed tool that turns a sentence into a working interface prototype built from your
GitHub’s new AI prototyping tool is free, open source, and not for Windows GitHub Design released Replica on October 28, an MIT-licensed tool that turns a sentence into a working interface prototype built from your own design system. You describe what you want in the GitHub Copilot app, and the…
GitHub’s new AI prototyping tool is free, open source, and not for WindowsGitHub Design released Replica on October 28, an MIT-licensed tool that turns a sentence into a working interface prototype built from your
#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
also 4. always use design tokens and atomic design for ui, claude eats it up and i promise you it'll save you in the long run
Chad@chadtmiller.comthings i’ve found extremely useful on ai code projects lately: 1. 100% code coverage ci gate. there’ll be flakes but you can deal with them as you go 2. create a shots cli suite to programmatically screenshot any page for ai to review 3. have agents running scenarios on your code as QA
Four things designers are clicking on Muzli today 👀 1. Is Your Design System Ready for AI Agents? A Practical Check (Muzli blog) 2. Lufthansa, 1918-2018 (Design newsletters) 3. kengo kuma’s brick towers frame open-air pools at… (Designboom) 4. Patensify (SaaS Landing Page)
🌞 Today on HeyDesigner — Nº 3805 → Building beautiful websites with Claude (video) → Designing a skill → Building an AI-ready design system library → How I design with AI, part 2 → HTML-in-Canvas in Chrome 157 Read it here 👉 heydesigner.com/2026-10-29/
Building beautiful websites with Claude (video), and more...Hand-picked design links from October 29, 2026: Designing a skill, Building an AI-ready design system library, How I design with AI, part 2,
A skill that might kill AI-slop landing pages: elayadesign/ai-design-skills hands your coding agent a design system — type, spacing, radius, motion — plus intake questions and conversion copy. Claude Code, Cursor, Codex, MIT, 11k stars. Ever shipped a page and instantly known it looked… generated?
Security breaches underscore the urgent need for AI built on trust and transparency. We design systems where privacy isn’t an afterthought—but the foundation. Learn more at euqai.eu - PR ⚙️
Design Systems in the Age of Agents: What Changes, What Doesn't youtu.be/JeJhPtsbIGA?...
Design Systems in the Age of Agents: What Changes, What Doesn'tYouTube video by Hatch Conference
AI-Driven UX Architecture and Ethical Design System Hardening for Financial Technologies + Video Introduction: As artificial intelligence increasingly integrates into modern enterprise platforms and fintech interfaces, user experience (UX) design has expanded beyond aesthetics into system…
AI-Driven UX Architecture and Ethical Design System Hardening for Financial Technologies + VideoIntroduction: As artificial intelligence increasingly integrates into modern enterprise platforms and fintech interfaces, user experience (U#Design #Overviews The state of AI in design systems · What design teams do to stop AI drifting ilo.im/16heip by Vitaly Friedman _____ #DesignSystems #DesignTokens #AI #Figma #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
The State Of AI In Design Systems 2026 - Smart Interface Design PatternsA field study of 20 open-source design systems and 150+ techniques teams use to keep AI from drifting off-system, plus a practical pipeline 
Ready to boost your skills with AI? Join the AI 2027 Conference, a live online event with friendly, approachable experts showing how to set up AI-ready design systems, run AI-driven research and design for trust in AI. December 1! Tickets are only €50 / 55 USD. smashingconf.com/ai-2027-conf...
AI 2027 Conference — Friendly, practical online conference for designers and developers on AI. — AI 2027 Conference — December 1, 2026Tuesday, December 1, 2026, 5–9pm CET / 8am–12pm PT, join Smashing for AI 2027 Conference — a 1-day live online conference for designers and 
This Thursday 29th October: Modern design - Can we leverage design systems to avoid the chaos that can often be associated with #AI use? Can people escape from their 'box'? Courtney has answers and we're sure there will be some open questions too from any #WebDesign #FrontEnd and #Figma fans.
Front End Sheffield@frontendsheff.bsky.socialRemember cancelled Courtney's modern #AI #WebDesign workflows talk due to ridiculous levels of summer? Well we're back on Thursday the 29th October now that things have decided to calm it down ☀️ Tickets available for her rescheduled talk in the Owen Building, SHU: www.meetup.com/front-end-sh...
29th October '26: How AI is Moving Design Into the Frontend (rescheduled), Thu, Oct 29, 2026, 6:15 PM | Meetup*Originally planned for June, we moved this back because of the heatwave.* Room 942, **Owen Building**, Sheffield, S1 1WB Head towards the
Sure, but you have to figure out how to get an agent to *use* a design system reliably, rather than just making things up from its training data. How are folks solving that?
Burton Smith@stuffbreaker.bsky.socialI'm not sure it will become a maybe. The things that make a design system valuable don't change with an LLM. It may change how we build some of the assets and present the context, but I believe design systems are even more valuable in an agentic world.
From a team lead on Reddit: "we're starting to drown from code review." The AI factory doesn't get rid of review. It piles more onto it, and on Rails teams a lot of that pile is UI. Naughty Claude. Send me one AI-built screen plus your design system. I'll send back 3 fixes, free.
What does it take to make a design system useful to AI agents? @kaelig.fr joins me to explore his State of AI and Design Systems project (https://state-of-ai-in-design-systems.netlify.app/) and put our Eddie design system through a live audit.
More topics: Figma · Tokens and theming · Components · Accessibility · All articles
It's on my list. If it's junk, it's gone in the next hourly refresh after I block it.