Connect a design library
Point the agent to your design system and it generates dashboards using your real components, color tokens, and spacing variables—ready for production.
Build dashboards faster with an AI agent
Generate data-rich dashboard layouts directly in Figma Design using your real components and design tokens. Explore multiple directions at once, skip the scaffolding, and keep building.
Why design dashboards with an AI agent
Figma's agent understands your canvas context, connects to your design library, and generates production-ready dashboard layouts you can keep iterating on.
Explore more layouts in higher fidelity
Figma's agent generates real dashboard variations using your actual components, tokens, and variables—not placeholder wireframes. See multiple data visualization approaches side by side and pick the direction that works.
Cut the scaffolding, stay in flow
Skip the repetitive work of building dashboard grids, card structures, and chart containers from scratch. Describe what you need and let the agent handle the setup while you focus on the design decisions that matter.
Align your team on every iteration
Every dashboard lives in the same file your team works in. Stakeholders see the full prompt history, context, and revisions—nothing gets lost in export or buried in a separate handoff doc.
The features behind the dashboards
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Parallel prompting
Explore multiple dashboard directions at once. Run prompts in parallel to compare layouts, data visualizations, and information hierarchies without waiting.
Shareable threads
Share a thread and your team sees the full prompt, context, and iteration history behind any dashboard. No separate handoff needed.
Package workflows as skills
Turn your best dashboard prompts into reusable skills. Run them again with a single command whenever you need a similar layout.
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
Open the agent
Select Agents in the left side rail or hit CMD + Enter. Add a frame to the canvas to work in.
Describe your dashboard
Tell the agent what kind of dashboard you need—metrics, data types, layout preferences. Point it to your design library so it uses your real components.
Review on the canvas
Check the generated dashboard on your canvas. Refine in the same thread or start a parallel one to explore a different direction.
Keep iterating
Prompt again to adjust charts, reorganize cards, or swap components. Everything stays editable so you can fine-tune by hand or prompt until it's right.
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 AI dashboard agent helps you generate data visualization layouts from a text prompt. With Figma's agent, you describe the dashboard you need—metrics, charts, data types—and it builds the layout directly on your canvas using your design system components. It's built into Figma Design, so there's no switching between tools.
Figma's agent reads your prompt and canvas context, then generates dashboard layouts using your connected design library. It understands your components, tokens, and variables, so the output is production-ready rather than placeholder UI. You can run multiple prompts in parallel to explore different directions at once.
You can generate full dashboard layouts, explore different data visualization approaches, scaffold card grids and chart containers, and iterate on layouts through follow-up prompts. Figma's agent handles the repetitive setup work so you can focus on refining the design and aligning with your team.
A useful dashboard agent should connect to your design system, generate real components instead of placeholders, support parallel exploration, and keep everything editable. Figma's agent does all of this natively on your canvas, with shareable threads so your team sees the full context behind every iteration.
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