Connect a design library
Point the agent to your design system so generated tables use your real components, tokens, and variables—not generic placeholders you'll have to restyle.
Generate table layouts right on your canvas
Turn data into structured, editable tables with AI—directly in Figma Design. No rebuilding from scratch, no exporting to another tool. Describe your table, see it built using your real components.
Tables that actually fit your design system
Generate layouts using your real components, tokens, and styles—not placeholder grids you'll have to rebuild from scratch.
Explore more layouts in higher fidelity
Figma's agent generates real table options using your design library—headers, cells, and spacing that match your system. Explore variations quickly without starting from a blank frame every time.
Cut the busywork, stay in flow
Hand off the tedious work of building table structures—row counts, column widths, cell alignment—and keep your focus on the content and design decisions that matter.
Align your team, close the loop
Tables generate in the same file your team works in, so everyone sees the latest structure and can build on it immediately. Nothing gets lost in a handoff.
The features behind table generation
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Parallel prompting
Explore multiple table directions at once—different column counts, layouts, or styles—without waiting for one to finish before starting the next.
Shareable threads
Share a thread and your team sees the full prompt, context, and iteration history. No separate explanation needed.
Skills
Turn your table generation workflow into a reusable /command. Run it again whenever you need a new table structure without retyping the same prompts.
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 your canvas where the table will generate.
Describe your table
Tell the agent what you need—column headers, row count, data type. Point it to your design library so it uses your real components.
Review on the canvas
Check the generated table on your canvas. Refine in the same thread or start a parallel one to explore a different structure.
Keep iterating
Prompt again to adjust spacing, add columns, or change the layout. Everything stays editable, so you can fine-tune by hand too.
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 table layout generator creates structured table designs from a description or data input. Instead of manually building rows, columns, and cells, you describe what you need and the AI assembles the layout. Figma's agent does this directly on your design canvas, using your existing components and styles.
Open the agent from the left side rail or hit CMD + Enter in Figma Design. Describe the table you need—columns, rows, data types—and point the agent to your design library. The table generates on your canvas as editable layers, ready to refine by hand or with follow-up prompts.
Accuracy depends on how specific your prompt is. The more detail you provide—column headers, row count, content type—the closer the result. Figma's agent also uses your design library, so generated tables match your existing styles. You can always refine with follow-up prompts or edit directly on canvas.
Yes. Figma's agent connects to your design library, so generated tables use your real components, tokens, and variables. This means headers, cells, and spacing match your system from the start—no manual restyling required.
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