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 agent, native to the canvas
Figma's agent is an AI design agent built into Figma Design. It reasons, takes action, and runs multi-step design tasks on your canvas—using your real components, tokens, and variables, not placeholders.
Built to keep up with how you actually work
An AI design agent should do more than answer questions. Figma's agent works on your canvas to explore options, cut the busywork, and keep your team aligned the whole way through.
Explore more, in higher fidelity
Let an AI design agent generate real options in a shared space using your design system, so you can compare and converge instead of starting from scratch.
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.
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 and point it to your design library so it uses your real components and styles.
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
Happy with 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 agent built right into Figma Design. Unlike a simple chatbot, it doesn't just answer questions—it works on your canvas to create and edit layers, explore new directions, and give you real-time feedback. Because it's native to Figma Design, you don't need any third-party tools to start.
Yes. Select the libraries you want the agent to reference and it generates output using your styles, components, and variables. It won't publish new assets to your shared library on its own—you'll do that step—but everything it builds can draw from the design system you've already set up.
It’s all yours. The agent doesn’t replace you. It works with you to explore ideas, handle repetitive tasks, and offer feedback, but you review every output and override anything that is off the mark. The goal is to free you up for the craft, never to hand it over entirely.
Figma's use of your data is governed by our customer agreements, which cover maintaining, securing, debugging, and improving our services. If the AI Content training toggle is on, we may use content and usage data to improve Figma-specific models. We take steps to redact sensitive data, and you're always in control of that setting.
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, 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
From the blog
Try these 10 skills—and show off your own
Now you can author skills for our agent, directly in Figma, to put your point of view to work. Here are 10 of our favorites to get you started.
Workflow lab: Deploying designs directly with Figma Make
The handoff from design to code doesn't have to be a one-way street. This workflow shows how a designer can connect a codebase to Figma Make, make the changes directly, and bring the whole team into review—right up to the PR.
Got skills? Make the Figma agent a better collaborator
From sharing your best thinking to learning from your team’s go-to prompts, here’s what skills unlock in the Figma agent.
Config 2026: New materials, new tools and a more expressive canvas
Push past what you thought was possible with code layers, Figma Motion, shaders, generative plugins and Weave tools, all on the canvas.
Figma’s design agent, now with custom tools and greater context
Prompting gets you started. Custom tools, real context, and skills take the design agent further—so what ends up on the canvas actually looks like you.
The Figma design agent is here
Starting today, work with an agent that is built for Figma—directly on the canvas.