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.
Your AI design assistant, right in the canvas
Figma's agent works within Figma Design, building from your design context instead of placeholders. Explore options, automate busywork, and gather feedback where your team already works.
Built to keep up with how you actually work
Figma's agent helps you move from rough idea to refined design without leaving the canvas. Now you can explore more options, cut the busywork, and keep your team aligned the whole way through.
Cut the busywork, stay in flow
Hand off bulk edits, layout scaffolding, and design system audits while keeping the precision of direct visual editing. You stay in control of the canvas.
Explore more, in higher fidelity
Generate ideas in a shared space with an AI design assistant that uses your real design system so that you can compare real options instead of generic placeholders.
Align your team, close the loop
Synthesize scattered feedback, pressure-test ideas from any stakeholder's view, and apply changes right in your file. Nothing gets lost in translation.
The features behind the agent
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Parallel prompting
Run multiple prompts at once so you're evaluating directions in parallel, not burning time on each one in sequence.
Shareable threads
Share a thread and your team sees the full prompt, context, and iteration history behind any design. No separate handoff needed.
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
Get started with Figma's agent
Step 1: Start with a frame
Open Figma Design and add a frame to work in. Open the agent from the left navigation bar to get started.
Step 2: Describe the interface
Tell the agent what you want to build. Want it to use your real components and styles? Point it to your design library.
Step 3: Review the output
Check the result on your canvas. Not quite right? Refine in the same thread, or open a parallel one to explore a different direction.
Step 4: Refine or automate further
If you like the result, turn the workflow into a reusable skill so the agent can run it the same way next time—no re-prompting from scratch.
Become an agent expert
The Figma design agent is here
Read moreWatch Figma's AI Agent in action and see how to put it to work in your own workflows.
Work with the Figma agent
Get startedHands-on playground to explore Figma agent's capabilities — from bulk edits to feedback implementation — with step-by-step guidance built right in.
How to use Figma agent in your design workflows
Watch nowLearn how to use Figma agent in your design workflows with a step-by-step tutorial from the Figma team.
FAQ
Figma's agent is an AI design assistant built right into Figma Design, so it's there whenever you need it. You can use it to generate layouts, create and edit layers, explore directions, build components from your existing libraries, and summarize feedback and apply it right on the canvas—all without leaving your file.
Just point Figma's agent to your existing design libraries and it will reference your styles, components, and variables to generate output. You can also add images or existing designs to the canvas as a reference. The more context you give it, the more on-brand the results.
Like all AI models, it depends. Output varies based on your prompt, the file context, and the complexity of the task, so it's always worth reviewing before you use anything in final work. The best results come from pairing a clear prompt with real context. See our prompt best practices to get more out of your requests.
Figma's use of your data is governed by our customer agreements, which cover maintaining, securing, and improving our services. If the AI Content training toggle is off in your account settings, your content won't be used to train our models. We also take steps to redact sensitive data to protect your privacy.
Figma's agent is available on all paid Figma plans. If you have access, you'll find it in the left navigation bar in Figma Design. During the current open beta, the agent doesn't consume AI credits, so it's a good time to explore, experiment, and share your feedback with us.
Build faster with Figma's agent