Design

AI-powered Figma automation, component work, and bulk design-system maintenance

Use AI tools โ€” including Claude via MCP โ€” to automate repetitive Figma and design-system tasks such as component creation, layer renaming, layout cleanup, token application, variable renaming, component swaps, and other bulk maintenance work so designers stay in flow and focus on higher-order decisions.

Why the human is still essential here

Designers define intent, review and validate all AI-executed changes for quality and consistency, and maintain full responsibility for design system architecture, accessibility, and product strategy.

How people use this

Auto-build component variants

Generate a first-pass component set (buttons, inputs, cards) with sensible variants and states, then standardize naming, constraints, and tokens to fit your system.

Figma AI

Convert repeated UI into components

Select repeated UI elements and prompt the AI to extract them into reusable components and replace instances across the file.

Claude / Figma / MCP

Apply typography and color tokens at scale

Specify the design-system text styles and color variables to use and have AI update selected layers to the correct tokens consistently.

Claude / Figma / MCP

Need Help Implementing AI in Your Organization?

I help companies navigate AI adoption -- from strategy to production. Whether you are building your first LLM-powered feature or scaling an agentic system, I can help you get it right.

LLM Orchestration

Design and build LLM-powered products and agentic systems

AI Strategy

Go from idea to production with a clear implementation roadmap

Compliance & Safety

Build AI with human-in-the-loop in regulated environments

Related Prompts (4)

Latest community stories (8)

News
Reddit

The Figma design agent is here

https://www.figma.com/blog/the-figma-agent-is-here/

Looks pretty good, anyone use it yet?


---


Claude summary:


Figma's design agent launched today โ€” it lives directly on the canvas and in the left rail, no separate setup required.


It's design-system-aware โ€” the agent has deep context on your components, tokens, variables, and standards, unlike third-party tools that lack that native access.


Key canvas interactions: start a prompt from any design layer, run parallel prompts to explore multiple ideas simultaneously, and make manual edits while the agent iterates alongside you.


Explore directions faster โ€” generate multiple stylistic approaches or information architectures at once; steer outputs by `@`-mentioning specific tokens, variables, or components.


Automate bulk busywork โ€” rename variables, swap components across screens, repeat padding changes across flows, populate frames with realistic content, convert screens to dark mode.


Design system maintenance โ€” bulk-update descriptions, tags, naming conventions, and auto-document components with all their states and variants.


Works with feedback โ€” summarize comments, identify themes, model stakeholder perspectives, distill long comment threads into action plans.


MCP server relationship: the agent is for canvas work; the MCP server + `use_figma` is for moving work between code and Figma.


Currently in beta rollout โ€” no credits consumed during beta; AI credits apply at GA. Available for Full seat users on Professional, Organization, and Enterprise plans.

K
kekeagainDesigner
May 20, 2026
News
Blog

The Figma design agent is here

Starting today, work with an agent that is built for Figmaโ€”directly on the canvas.

From exploring new directions to making bulk edits and implementing feedback, here's how Figma's agent will fit into your design workflow today.

RD
Rodrigo Davies and Tammy TaabassumProduct Manager and Product Designer at Figma
May 20, 2026
LinkedIn

I used to spend hours on briefs, planning, and file setup before designing.

I used to spend hours on briefs, planning, and file setup before designing.

Now, my AI-powered design workflow takes me from idea to design in 4 steps:


Step 1: Voice โ†’ Structured brief


I do a 2-3 min voice brain dump using Whisper Flow. It captures everything and sends it to Notion. No typing, no formatting. Just talk and it's documented.


Step 2: Brief โ†’ Tasks โ†’ Daily focus


Notion AI then breaks the brief into tasks and keeps everything in one dashboard: tasks, notes, docs, links and even daily todos. No app switching, no scattered files. Stays focused without oversight.


Step 3: Layout โ†’ Final design


Figma Make generates initial layouts quickly. I pull in styling from my library so everything stays on-brand. Then I continue polishing it in Figma: typography, spacing, alignment and all the details that make it feel polished.


Step 4: Design โ†’ Critique


Before calling it done, I screenshot and drop it into Claude. It analyzes layout pros and cons, identifies ambiguous language, and reduces wordiness so the message is sharp.


This is how I use AI to work smarter and faster while keeping creative decisions in human hands.


What does your AI workflow look like? I'd love to hear what's working for you ๐Ÿ‘‡

BX
Bonnie XUFounder at Bonbon Design
Mar 5, 2026
LinkedIn

Everyone is talking about AI replacing designers.

Everyone is talking about AI replacing designers. I think we need to have an honest conversation.

I am not anti-AI. In fact, I think tools like Claude and MCP services have genuinely changed how designers work, automating repetitive tasks, speeding up component generation, and helping early-stage teams move faster. That's real value, and I won't dismiss it.


But let's stop pretending there are no trade-offs.



a๐—ง๐—ต๐—ฒ ๐—ฐ๐—ผ๐˜€๐˜ ๐—ฟ๐—ฒ๐—ฎ๐—น๐—ถ๐˜๐˜† nobody talks about

Every serious AI workflow runs on credits. Token costs add up fast, especially when you're iterating, generating variants, or running MCP pipelines at scale. Anyone telling you AI is free either hasn't used it extensively or doesn't understand how the credit system works.



๐—”๐—œ ๐—ป๐—ฒ๐—ฒ๐—ฑ๐˜€ ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ฑ๐—ฒ๐˜€๐—ถ๐—ด๐—ป ๐˜€๐˜†๐˜€๐˜๐—ฒ๐—บ ๐˜๐—ผ ๐—ฏ๐—ฒ ๐˜‚๐˜€๐—ฒ๐—ณ๐˜‚๐—น

AI doesn't generate consistency on its own. To get reliable, on-brand output you need to feed it your design tokens, component logic, and spacing rules first. Ironically, you need a designer to build the foundation that makes AI useful for design. For early-stage products, this workflow can be powerful. For large, distributed teams with an established brand identity, the gaps become harder to ignore.



๐—ง๐—ต๐—ฒ ๐—ฐ๐—ฟ๐—ฒ๐—ฎ๐˜๐—ถ๐˜ƒ๐—ถ๐˜๐˜† ๐—ฐ๐—ฒ๐—ถ๐—น๐—ถ๐—ป๐—ด ๐—ถ๐˜€ ๐—ฟ๐—ฒ๐—ฎ๐—น

AI learns from what exists on the web. It recombines, it optimises, it executes, but it doesn't invent. If you want your product to look like every other modern SaaS tool in the market, AI will serve you well. But if differentiated visual identity and brand depth matter to you, AI output will feel generic without significant human direction.


Image and video generation? Impressive. Building a product that feels genuinely personalised and distinct? We are still far from that.



๐—ง๐—ต๐—ฒ ๐—ฏ๐—ผ๐˜๐˜๐—ผ๐—บ ๐—น๐—ถ๐—ป๐—ฒ

AI is a powerful tool in the right hands. The designer who understands how to direct it will always outperform the one who blindly follows the hype โ€” or the one who refuses to engage with it at all.


The future isn't AI replacing designers. It's designers who understand AI, replacing those who don't.


What's your experience been working with AI in your design workflow?

PR
Paresh R KhatriProduct Designer
Mar 2, 2026
Medium

My Experience with Using AI in the Design Process

Letโ€™s be honest... the sheer volume of noise surrounding Artificial Intelligence right now is exhausting and all over the place. Every tool has a โ€œgenerateโ€ button, and social media (LinkedIn especially) is full of people proclaiming the end of traditional design jobs.

As a product designer, I initially approached this wave with skepticism. I enjoy designing. I like solving complex problems. I was not looking for a machine to do my job for me.


However, almost two years has passed since those early iterations and ignoring AI is no longer an option. Instead of viewing it as a replacement, I have spent my recent time treating AI as a very fast and somewhat literal-minded supporter. The goal is not to let it design the final product. The goal is to clear the path so I have more time for actual critical thinking.


Here is a look at how I have started integrating these tools into my daily workflow:

RC
Ryan CurtisProduct Designer | Enterprise, B2B, SaaS | Ex-Microsoft
Feb 26, 2026
LinkedIn

Dear junior designers: AI is not your competition.

Dear junior designers: AI is not your competition.

Iโ€™ve been thinking about this a lot lately. There are so many conversations about what AI means for early-career designers. I understand the anxiety. Big shifts in our craft can feel unsettling.


I use AI every day now and hasnโ€™t made me feel replaceable. If anything, it's made me more focused. And it can be that for you too.


On a recent project, instead of spending hours manually exploring layout variations or refining early drafts, I used AI to prototype and build interactions in real time which gave me more space to focus on what actually moves the work forward:

โ€ข Direction

โ€ข Systems thinking

โ€ข Clarity

โ€ข Storytelling


AI felt like an assistant not the designer.


And hereโ€™s what I want you to hear:

Your value was never just in knowing the tools. Tools will continue to evolve. They always have.


What matters is how you think. How you see. How you care about the people on the other side of the screen.


This moment might actually give you an advantage, instead of spending years only executing, you can:

โ€ข Explore more ideas, faster

โ€ข Participate in strategic conversations earlier

โ€ข Develop judgment through iteration

โ€ข Build a stronger point of view


Thatโ€™s growth.


Yes, this is a new chapter for design. It can feel uncomfortable.

But evolution in our craft is not a signal to step back. It is an invitation to step up.


If you are graduating or still building your foundation, keep going.

Stay curious.

Learn the tools.

Ask better questions.

Pay attention to what makes work meaningful.


AI will change workflows.

It will not replace empathy, taste, discernment, or care.


Design has always been about solving real problems for real people.

That hasnโ€™t changed. If anything, you now have more leverage to practice that sooner.


And that is something to feel hopeful about.

TF
Tif FlowersSenior Designer at Shopify
Feb 24, 2026
LinkedIn

Figma AI just went from โ€œcool beta featureโ€ to โ€œeverywhere in my workflow.โ€

Figma AI just went from โ€œcool beta featureโ€ to โ€œeverywhere in my workflow.โ€ As a Designer, this changes how we design, review and ship interfaces.

In early 2026, Figma rolled out full AI features to all users. You can now generate layouts from prompts, tweak visuals with AI and even create prototypes without touching a frame first.


Last week I rebuilt part of my UI process around it. Here is what actually worked:


๐Ÿญ. ๐—œ ๐˜€๐˜๐—ผ๐—ฝ๐—ฝ๐—ฒ๐—ฑ ๐˜€๐˜๐—ฎ๐—ฟ๐˜๐—ถ๐—ป๐—ด ๐—ฎ๐˜ ๐—ฏ๐—น๐—ฎ๐—ป๐—ธ ๐—ฐ๐—ฎ๐—ป๐˜ƒ๐—ฎ๐˜€๐—ฒ๐˜€

ย โ€ข I now start with a prompt like

ย โ€ข โ€œCreate a mobile dashboard for a fintech app with cards for balance, recent transactions and quick actions.โ€

ย โ€ข Figma AI gives me 3 to 5 starting points that I refine instead of drawing rectangles for 30 minutes.


๐Ÿฎ. ๐—œ ๐˜‚๐˜€๐—ฒ ๐—”๐—œ ๐—ณ๐—ผ๐—ฟ โ€œ๐˜„๐—ต๐—ฎ๐˜ ๐—ถ๐—ณโ€ ๐—ฒ๐˜…๐—ฝ๐—น๐—ผ๐—ฟ๐—ฎ๐˜๐—ถ๐—ผ๐—ป

ย โ€ข Instead of 10 manual variants, I ask

ย โ€ข โ€œTry a more minimal styleโ€ or โ€œPush this towards a dark, high contrast theme.โ€

ย โ€ข It is perfect for exploring extremes while I stay focused on information architecture and flows.


๐Ÿฏ. ๐—œ ๐˜๐—ฟ๐—ฒ๐—ฎ๐˜ ๐—”๐—œ ๐—ฎ๐˜€ ๐—ฎ ๐—ท๐˜‚๐—ป๐—ถ๐—ผ๐—ฟ ๐—ฑ๐—ฒ๐˜€๐—ถ๐—ด๐—ป๐—ฒ๐—ฟ, ๐—ป๐—ผ๐˜ ๐—ฎ ๐˜€๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ ๐—ผ๐—ป๐—ฒ

ย โ€ข It is great at speeding up layout, components and visual polish.

ย โ€ข It is bad at understanding edge cases, accessibility trade offs and product strategy. That is still my job.


๐Ÿฐ. ๐—–๐—ผ๐—น๐—น๐—ฎ๐—ฏ๐—ผ๐—ฟ๐—ฎ๐˜๐—ถ๐—ผ๐—ป ๐—ถ๐˜€ ๐—ด๐—ฒ๐˜๐˜๐—ถ๐—ป๐—ด ๐—ณ๐—ฎ๐˜€๐˜๐—ฒ๐—ฟ

ย โ€ข Developers can react to AI generated screens earlier.

ย โ€ข Stakeholders react better to โ€œsomething realโ€ instead of low fidelity boxes, which shortens the feedback loop.


๐—ง๐—ฎ๐—ธ๐—ฒ๐—ฎ๐˜„๐—ฎ๐˜†


AI inside Figma is not replacing my UX work. It is removing the mechanical parts so I can spend more time on research, flows and interaction details.


If you are a UX or product designer

Would you let AI handle your first draft layouts or do you still prefer starting from scratch


Reply with โ€œAI firstโ€ or โ€œManual firstโ€ and tell me why.

AD
Abhijit DasUX Design Consultant at EY
Feb 26, 2026
LinkedIn

Connecting Claude to Figma using MCP to automate design tasks

What if your AI could talk directly to your design tool?

I connected Claude to Figma using MCP, and the results are wild.


In this video, I walk through how I'm using Claude to automate design tasks inside Figma in real time. From creating components to manipulating layers, it's like having a design assistant that actually understands your file.


This isn't about replacing designers. It's about commanding your tools more efficiently.


If you want to know how to set this up yourself, DM me or drop a comment below. Happy to share the workflow.

YV
Yuti VoraProduct Designer
Feb 23, 2026