Skip to main content

Generate design iterations right on your canvas

Explore multiple directions at once with Figma's agent—an AI design iteration generator that creates real variations using your components and styles. More options, less manual work.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Explore more directions in less time

The agent generates iterations directly on your canvas, using your real components and tokens, so you can compare options without starting from scratch.

Figma canvas showing an AI-generated design layout being exploredFigma canvas showing an AI-generated design layout being explored

Explore more, in higher fidelity

Figma's agent generates design iterations using your actual design library—real components, tokens, and variables—not generic placeholders. Every variation is production-ready and consistent with your system from the start.

Figma AI agent panel showing a bulk edit being applied across a designFigma AI agent panel showing a bulk edit being applied across a design

Cut the busywork, stay in flow

Stop manually duplicating frames and tweaking each one by hand. Describe the variations you want, and the agent generates them in parallel so you can evaluate options instead of building them.

Figma AI agent panel showing team feedback being synthesized into a designFigma AI agent panel showing team feedback being synthesized into a design

Align your team, close the loop

Every iteration lives in the same file your team works in. Share threads to show the full prompt history behind each direction—no separate decks or handoff docs needed.

The features behind the iterations

A closer look at what sets Figma's agent apart, built for the way design teams actually work.

  • Screenshot showing Figma AI agent connected to a component library, auto-applying brand tokens to a designScreenshot showing Figma AI agent connected to a component library, auto-applying brand tokens to a design

    Connect a design library

    Point the agent to your design library so every iteration uses your real components, styles, and variables—not generic UI you'll have to rebuild.

  • Screenshot of multiple simultaneous AI design prompts running in FigmaScreenshot of multiple simultaneous AI design prompts running in Figma

    Parallel prompting

    Run multiple prompts at once to explore different directions simultaneously. Compare layout, color, and structural variations side by side without waiting.

  • Screenshot of a shared Figma AI conversation thread with design commentsScreenshot of a shared Figma AI conversation thread with design comments

    Shareable threads

    Share a thread and your team sees the full prompt, context, and iteration history. Everyone understands the thinking behind each direction.

  • Screenshot showing Figma AI agent skill options for automating design workflowsScreenshot showing Figma AI agent skill options for automating design workflows

    Skills

    Turn your best iteration workflows into reusable commands. Run the same exploration pattern across projects without rewriting prompts from scratch.

Figma feels like a natural extension of my hand. I do my design ideation on the canvas, and now the agent takes it the last mile. With my design libraries connected, I can move from design to code faster than ever before.

Andy Madrick
Product Designer, Notion

Notion logo

Get started with Figma's agent

  • Open the agent

    Select Agents in the left side rail or hit CMD + Enter. Start with a frame on your canvas or create one to work in.

  • Describe the iterations

    Tell the agent what variations you want—different layouts, color treatments, or structural approaches. Point it to your design library for system-aligned results.

  • Review on canvas

    Check the iterations side by side on your canvas. Refine in the same thread or start parallel ones to explore entirely different directions.

  • Keep iterating

    Everything stays editable. Prompt again, combine elements from different variations, or fine-tune by hand until you have the right direction.

Become an agent expert

  • The Figma design agent is here

    Watch Figma's AI Agent in action and see how to put it to work in your own workflows.

    Read more
  • Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?

    Work with the Figma agent

    Hands-on playground to explore Figma agent's capabilities — from bulk edits to feedback implementation — with step-by-step guidance built right in.

    Get started
  • How to use Figma agent in your design workflows

    Learn how to use Figma agent in your design workflows with a step-by-step tutorial from the Figma team.

    Watch now

FAQ

An AI design iteration generator creates multiple variations of a design from a single starting point. Instead of manually duplicating and tweaking frames, designers describe the variations they want and the AI produces them. Figma's agent does this directly on the canvas using your actual design library, so iterations are production-ready from the start.

Figma's agent reads your prompt and references your design library to understand your components, styles, and tokens. It then generates variations based on your description—different layouts, color treatments, or structural approaches. The agent can run multiple prompts in parallel, so you see several directions at once rather than one at a time.

Yes. Figma's agent can take a single frame or concept and generate multiple variations based on your prompt. You might ask for three layout options, different color schemes, or alternative component arrangements. Each variation appears on your canvas as fully editable layers using your real design system.

AI-powered iteration helps designers explore more directions in less time. Instead of manually building each variation, you describe what you want and evaluate the results. This shifts effort from production work to design decisions. With Figma's agent, iterations also stay connected to your design library, so everything remains consistent and ready to use.

Figma's agent is available on all paid Figma plans. You'll find it in the left navigation bar in Figma Design. During the current open beta, it doesn't consume AI credits—so it's a good time to explore, experiment, and share your feedback with us.