Reference your design system
Point the agent to your design library so generated icons match your existing style, stroke weights, and visual language automatically.
Generate icon sets from any image reference
Turn reference images into complete, editable icon sets with Figma's agent—directly on your design canvas. No exporting to separate tools, no rebuilding vectors from scratch.
Icons that fit your system from the start
Figma's agent generates icon sets using your design context, so every icon works with your existing components and styles.
Explore more styles in higher fidelity
Generate complete icon sets from a single reference image, exploring different weights, styles, and expressions simultaneously. Each variation lands on your canvas as real vectors you can use immediately—not placeholder shapes to rebuild.
Cut the busywork, stay in flow
Skip the tedious process of manually tracing, scaling, and adjusting each icon size. Describe what you need once and let the agent handle the repetitive generation work while you focus on the design decisions that matter.
Keep your team building together
Generated icons live in the same file your team works in, ready for feedback, iteration, and use. Everyone sees the latest set and can build on it right away—nothing gets lost in handoff.
The features behind icon generation
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Run prompts in parallel
Explore multiple icon directions at once—different styles, weights, or metaphors—without waiting for one to finish before starting another.
Shareable threads
Share a thread and your team sees the full prompt, reference images, and iteration history. No separate handoff needed.
Fully editable vectors
Every generated icon lands on your canvas as editable vector paths, so you can refine strokes, adjust anchors, or modify details by hand.
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
Add your reference image
Drop a reference image onto your canvas in Figma Design—an existing icon, a sketch, or a style example you want to match.
Describe the icon set
Tell the agent what icons to generate and any constraints: sizes, stroke weights, style direction. Point to your design library if you want it to match existing icons.
Review on the canvas
Check the generated icons on your canvas. Refine in the same thread or start a parallel one to explore a different style direction.
Keep iterating
Every icon is fully editable. Prompt again for variations, adjust vectors by hand, or turn the workflow into a reusable skill.
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
An image to icon set generator creates multiple icons from a reference image or description. With Figma's agent, you can generate complete icon sets directly on your design canvas—specifying sizes, styles, and weights in your prompt. The icons land as editable vectors, ready to use or refine.
In Figma Design, add your reference image to the canvas and open the agent from the left side rail. Describe the icons you need—style, sizes, quantity—and the agent generates them as editable vectors. You can refine with follow-up prompts or adjust the vectors by hand.
Describe the sizes you need in your prompt—for example, '16px, 24px, and 32px versions.' Figma's agent generates each size as a separate editable frame on your canvas, so you can review and adjust them together in your file.
Figma's agent works with images already on your canvas, so any format Figma supports—PNG, JPG, SVG—can serve as a reference. For best results, use clear reference images that show the style direction you want. Generated icons land as native Figma vectors.
Figma's agent is available on all paid Figma plans. You'll find it in the left side rail in Figma Design, or hit CMD + Enter to open it. 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