Design

AI-powered Figma automation and component work

Use AI tools โ€” including Claude via MCP โ€” to automate repetitive Figma tasks: component creation, layer renaming, layout cleanup, placeholder copy, localization, and token application, 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

Design tokens + documentation sync

Sync Figma components and variables into a design system hub to automate documentation and keep tokens aligned with engineering as the UI evolves.

Supernova / Figma

Multi-screen layout variations from a text prompt

Generate several alternative screen layouts from a short product brief, then pick and refine the best option as the base for the flow.

Uizard Autodesigner

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

Batch rename layers and frames

Instruct AI to standardize naming conventions across selected layers/frames, applying renames directly in the open Figma file.

Claude / Figma / MCP

One-command layout cleanup

Ask AI to apply Auto Layout, spacing, constraints, and alignment rules to messy screens and update the file in real time.

Claude / Figma / MCP

Bulk contextual layer renaming

Select messy frames and auto-rename layers based on their visual content and hierarchy to keep files maintainable.

Figma AI

Localization draft translations

Translate UI strings into target languages to test layout expansion and truncation before handing off to professional localization.

Figma AI / DeepL

Community stories (5)

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?

PRK
Paresh R KhatriProduct Designer
Mar 2, 2026
Medium
4 min read

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