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
A sample dataset is realistic mock data used to populate UI elements like tables, lists, forms, and charts during the design process. Rather than using obvious placeholder text, sample datasets let designers and stakeholders see how an interface handles real-world content. Figma's agent generates contextual datasets directly on your canvas, so your designs feel authentic from the start.
With Figma's agent, you describe the data you need—customer names, product details, transaction records—and it generates realistic content directly in your design file. You can specify constraints like data types, ranges, or formats. The agent fills your selected frames, tables, or list components with contextual data, no external tools required.
Figma's agent generates mock data natively within Figma Design, eliminating the need for separate tools or manual data entry. You can populate data tables, user lists, form fields, and charts by describing what you need in a prompt. The data lands directly on your canvas as editable content, ready for review and iteration.
Figma's agent understands design context, so it generates content that fits your specific use case. Describe your scenario—an e-commerce dashboard, a CRM contact list, a financial report—and the agent creates appropriate sample data. You can run parallel prompts to generate multiple variations, testing how your design handles different data scenarios.
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