Skip to main content

Generate split test variants right on your canvas

Create A/B test variations with AI directly in Figma Design. Explore layouts, copy, and visual treatments in parallel—all using your real components and design system. No rebuilding from scratch.

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

Test more ideas, ship better outcomes

Figma's agent helps you generate and compare split test variants faster, so you can validate design decisions with real data instead of guesswork.

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

Explore more variants in higher fidelity

The agent generates real split test variants using your design system—actual components, tokens, and styles—not placeholder mockups. Every variant is production-ready and built to your standards 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 variation by hand. Describe the test you want to run, and the agent generates multiple variants at once so you can focus on the hypothesis, not the production work.

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 variant lives in the same file your team already works in. Stakeholders see the options, developers grab specs, and when results come in, you iterate without switching tools or re-syncing assets.

The features behind the variants

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 system so every variant uses your real components, colors, and typography—consistent and on-brand from the first generation.

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

    Run prompts in parallel

    Generate multiple variant directions at once. Test headline treatments, layout changes, and CTA styles simultaneously instead of iterating one by one.

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

    Shareable threads

    Share the thread and your team sees the full prompt, rationale, and iteration history. Everyone understands the thinking behind each variant without a separate handoff.

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

    Turn workflows into skills

    Package your variant generation workflow into a reusable command. Run the same test setup across campaigns, pages, or product surfaces with a single prompt.

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. Add the frame or design you want to create variants from to your canvas.

  • Describe your test

    Tell the agent what you want to test—headline variations, layout options, CTA treatments—and point to your design library so variants use your real components.

  • Review the variants

    Check each variant on your canvas. Compare them side by side, refine in the same thread, or start a parallel one to explore a different testing angle.

  • Keep iterating

    Everything stays editable. Prompt again to generate more options, fine-tune by hand, or save the workflow as a skill for future tests.

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 split test variant generator creates multiple design variations for A/B testing from a single source design. Figma's agent generates these variants directly on your canvas using your real components and design system. Instead of manually duplicating and tweaking each version, you describe the test you want to run and the agent produces ready-to-use options.

Figma's agent takes your existing design and a prompt describing what to vary—headlines, layouts, button styles, imagery—and generates multiple distinct versions. It references your design library to ensure every variant uses your real components and follows your design system. You can run parallel prompts to explore different directions simultaneously.

The right number depends on your traffic and testing goals, but most teams start with two to four variants per test. Figma's agent makes it easy to generate multiple options quickly, so you can create more variants than you might test and narrow down to the strongest contenders before launching your experiment.

Figma's agent can generate variants across visual and copy elements—different headline treatments, layout structures, call-to-action styles, color schemes, imagery placements, and more. Because it works with your design system, every variant maintains brand consistency while giving you meaningfully different options to test.

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.

Powered by Fruition