Skip to main content

Change styles instantly on your canvas

Transform the look of any design element—images, components, entire frames—with a simple prompt in Figma Design. Describe the style you want and the agent applies it directly to your layers.

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

Explore new directions without starting over

Apply style changes to your existing work and see how different aesthetics look on real designs, not placeholder mockups.

Two versions of an 'Open Fashion' e-commerce product listing page, before and after AI-generated content, with a prompt bubble reading 'Add realistic copy and images to this website.'Two versions of an 'Open Fashion' e-commerce product listing page, before and after AI-generated content, with a prompt bubble reading 'Add realistic copy and images to this website.'

Transform styles where you design

Figma's agent works as an AI style changer right on your canvas, so you can shift aesthetics, update visual treatments, and explore new directions without switching to another tool or rebuilding anything.

Four mobile onboarding screens for the Dogeared app shown side by side with an AI prompt bubble reading 'Switch to brown color scheme and dark mode.'Four mobile onboarding screens for the Dogeared app shown side by side with an AI prompt bubble reading 'Switch to brown color scheme and dark mode.'

Cut the busywork, stay in flow

Skip the manual recreation. Describe the style transformation you want—vintage, minimal, bold, illustrative—and let the agent handle the heavy lifting while you focus on creative decisions.

Figma AI chat panel showing the same 12-comment summary, focused on the 'Explore' screen of the museum app with collaborator avatars visible on the canvas.Figma AI chat panel showing the same 12-comment summary, focused on the 'Explore' screen of the museum app with collaborator avatars visible on the canvas.

Keep your team aligned on changes

Style transformations happen in the same file your team works in. Everyone sees the updated direction immediately and can build on it—no version confusion, no lost assets.

The features behind the agent

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 to a design library

    Generate and refine using your actual components, tokens, and variables—not placeholder UI you'll have to swap out later.

  • 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 so you're evaluating directions in parallel, not burning time on each one in sequence.

  • 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 behind any design. No separate handoff needed.

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

    Skills

    Package your team's workflows and conventions into reusable /commands anyone can run on demand.

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

  • Step 1: Select what to restyle

    Select Agents in the left side rail or hit CMD + Enter. Add a frame to the canvas if you want a starting point to work in.

  • Step 2: Describe the new style

    Type your prompt—a layout, a variation, a bulk edit. Point the agent to your design library so it uses your real components and styles.

  • Step 3: Review the transformation

    Check the restyled design on your canvas. Not quite there? Refine in the same thread or try a different direction in a parallel one.

  • Step 4: Keep refining

    Everything stays editable on the canvas, so you can fine-tune colors, effects, or details by hand or prompt again until the style is exactly right.

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

Yes, Figma's agent can transform the style of designs and images directly on your canvas. Describe the aesthetic you want—vintage, minimalist, illustrative, bold—and the agent applies it to your selected layers. It works with frames, components, images, and other design elements, keeping everything editable so you can continue refining.

Yes. Figma's agent creates vector images from text prompts right in Figma Design. The output is fully editable—you can adjust paths, colors, and shapes just like any other vector in your file. There's no conversion step or separate tool required.

Be specific about the aesthetic direction in your prompt. Instead of 'make it better,' try 'shift this to a warm, retro color palette' or 'apply a clean, minimal style with lots of white space.' Adding a reference image to your canvas gives the agent visual context to work from, which often improves results.

Absolutely. Every style transformation from Figma's agent lands as editable layers on your canvas. You can undo the change entirely, refine specific elements by hand, or prompt again in the same thread to adjust. Opening a parallel thread lets you explore a different direction without losing your previous work.

Figma's agent is available on all paid Figma plans. You'll find it in the left side rail in Figma Design, or open it with CMD + Enter. 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.