Articles · Topic
What the design systems community is writing and posting about Figma, gathered from public feeds and refreshed every hour. Newest first, from the last 30 days.
12 articles and 6 posts · most from Medium, Design Systems Collective and Figma
Export variables from Figma, run one command, get a Tailwind theme with light and dark modes · I design interfaces and build them myself. I have a style library, pbstyles: its colors, sizes and fonts are described as…
Why I’m betting on screens designed directly from code, and what it changes for product teams. Every product team keeps two versions of the truth. Only one is in production. The first lives in Figma, with fake text and…
We all love Figma, don’t we? It’s been 3 years since Figma thrilled us with Variables, which connect us even more with Developers. Since then, they've upgraded variables. In the free version, you can create multiple…
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.
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.
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
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…
We spent years treating design tokens as an engineering afterthought. Native variables finally forced us to think in systems.
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.
Figma vs Canva for tech startups: Canva powers marketing collateral and slide decks for non-designers. Figma powers interactive product prototypes, design systems, and developer handoffs. How does your company split design duties?
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 #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 
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
Building an AI-ready design system library: Code → Figma with MCP uxdesign.cc/building-an-...
"Our AI-built screens look like everybody else's. Why?" Left alone, generated UI defaults to the same gradients and rounded cards as every other startup. Founders shipping with agents: is your design system in the model's context, or only in Figma?
More topics: AI and agents · 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.