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.
Generate vectors directly on your design canvas
Get AI-powered feedback, summarize comment threads, and surface issues—all directly in Figma Design. No switching tools, no compiling decks, no context lost between critique and iteration.
Explore vector ideas at the speed of thought
Figma's agent generates real, editable vectors using your design context, so you can explore more directions without leaving your canvas.
Generate vectors using your design system
Figma's agent creates vectors that reference your existing styles, colors, and components. Every output aligns with your design language from the start—not generic placeholders you'll need to restyle later.
Cut the busywork, stay in flow
Skip the manual tracing, converting, and cleanup. Describe what you need and get scalable vectors on your canvas, so you can focus on the design decisions that actually matter.
Align your team, close the loop
Generated vectors land in your shared file where your team already works. Everyone sees the same output and can iterate together—no exports, no version confusion, no handoff gaps.
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: Open the agent
Select Agents in the left side rail or hit CMD + Enter. Add a frame to the canvas where you want the vectors to appear.
Step 2: Describe what you need
Tell the agent what to generate—an icon set, an illustration, UI elements. Point it to your design library so outputs match your system.
Step 3: Review on the canvas
Check the generated vectors on your canvas. Refine in the same thread or start a parallel one to explore a different direction.
Step 4: Keep iterating
Make changes directly in your file based on the feedback. Run another review to validate improvements or explore new directions.
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 generates vector graphics directly on your design canvas. You describe what you need—icons, illustrations, UI elements—and the agent creates scalable, editable vectors using your design system's styles and colors. Everything stays in your file, ready to refine or use immediately.
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.
Vectors generated by Figma's agent are completely editable. They land on your canvas as standard vector layers, so you can manipulate paths, change colors, resize without quality loss, and integrate them with your existing design system components.
Figma's agent references your connected design library when generating vectors. This means outputs use your actual colors, styles, and tokens from the start. You spend less time restyling generic assets to match your brand and more time designing.
Figma's agent is available on all paid Figma plans. You'll find it in the left side rail 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.
Build faster with Figma's agent