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 sample datasets right on your canvas
Fill tables, lists, charts, and forms with realistic mock data—directly in Figma Design. No spreadsheets, no plugins, no placeholder text. Just contextual content that makes your designs feel real.
Realistic data, designed in context
Figma's agent generates sample datasets that fit your actual design—not generic placeholders that need rebuilding later.
Explore with realistic content, not lorem ipsum
Figma's agent generates sample datasets that match your design's context—user names, product data, transaction histories—so you can see how your UI actually performs with real-world content.
Cut the busywork, stay in flow
Skip the spreadsheet wrangling and manual entry. Describe what data you need—customer profiles, inventory lists, analytics figures—and the agent fills your design in seconds.
Align your team on real scenarios
Sample datasets live in your shared file, so everyone reviews designs with the same realistic content. No more presenting with obvious placeholders or rebuilding data for handoff.
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. Select the table, list, or frame you want to fill with data.
Step 2: Describe the dataset
Tell the agent what kind of data you need—user profiles, product inventory, transaction logs—and specify any constraints like date ranges or data types.
Step 3: Review on the canvas
Check the generated data in your design. Refine in the same thread if you need adjustments, or run a parallel prompt to try a different data scenario.
Step 4: Keep iterating
Everything stays editable. Add more rows, change formats, or prompt again for edge cases until your design has exactly the content it needs.
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
Build faster with Figma's agent