On this page
Quick steps
Make a cell component
Draw a text layer, press Shift+A to wrap it in an auto layout frame, add horizontal padding and a fixed height, then press Option+Cmd+K (Ctrl+Alt+K on Windows) to turn it into a component.
Add header and body variants
Add variants for the cell types you need, such as a bold header cell and a regular body cell, so you can switch any cell later without rebuilding.
Build one row
Place one instance per column side by side, select them and press Shift+A to create a horizontal auto layout row. Give each column a fixed width, and add a bottom stroke for the row divider.
Stack rows into a table
Duplicate the row, select all rows and press Shift+A again to make a vertical auto layout frame. This outer frame is your table.
Add rows and columns
Select a row and press Cmd+D (Ctrl+D on Windows) to duplicate it. The copy joins the auto layout stack and the table grows. To add a column, duplicate one cell in every row.
Fill in the content
Double-click into cells to type, or fill them with a data or mock data plugin when the table has many rows.
Does Figma have a table tool?
Not in Figma Design. Tables are a long-standing feature request on forum.figma.com, and in 2025 Figma support replied that native tables are "not on our roadmap". Designers either build tables from auto layout or generate them with a plugin. Figma Slides and FigJam both have native tables, which is why you'll see table tools in those products and not in a design file.
How to build a table with nested auto layout
The structure has three levels: a cell (an auto layout frame around one text layer), a row (a horizontal auto layout frame of cells), and the table (a vertical auto layout frame of rows). Because every level is auto layout, the table resizes itself when text gets longer or you add rows.
- Type a sample value, select the text and press
Shift+A. Set horizontal padding (12 to 16 px is common) and a fixed height. - Press
⌥⌘K/Ctrl+Alt+Kto create a component. Add variants for header and body cells, and a right-aligned version for numbers. - Place one instance per column in a line, select them and press
Shift+Ato make the row. - Set each column's cells to a fixed width, or set the cells to Fill container and control the width on the row. Fill container only works on children of an auto layout frame.
- Duplicate the row, select all rows and press
Shift+Ato make the table frame.
Many designers make the row a component too. Then a hover or selected row state is a variant, and changing the row once updates every row in the table.
Row-first or column-first?
Row-first (rows stacked vertically) matches how HTML tables and row hover states work, but every cell in a column needs the same width. Column-first (vertical columns sitting side by side) lets each column hug its widest content, so widths line up by themselves, but a whole-row hover state is harder. Both are common. The forum thread best and clearest explanation of tables walks through the trade-offs.
How to add a row to a Figma table
Select any row and press ⌘D / Ctrl+D. The copy joins the auto layout stack and the table grows to fit. To add a column, duplicate one cell in each row, or in a column-first table duplicate the whole column. If a new row lands in the wrong place, drag it in the Layers panel: auto layout order follows layer order.
How to quickly create a table with a plugin
Building by hand makes sense for a design system table you'll reuse. For a one-off table, a plugin is faster. Our plugin, Table Creator - Import From Excel, builds a styled table from pasted cells, a .csv or .xlsx file, or a Google Sheet, or an empty table with placeholder text. It's a different plugin from the popular "Table Creator" by Gavin McFarland. The full import walkthrough is in how to import an Excel table into Figma.
Other table plugins designers use most, by user count in our catalog:
- Table Creator by Gavin McFarland (about 795,000 users) builds tables you can edit, resize and keep in line with your design system.
- Google Sheets Sync (about 215,000 users) fills layers from a Google Sheet, which pairs well with a table you built yourself.
- Table Generator & Creator (about 201,000 users, paid) generates and styles tables.
- Table Templates with Auto Layout gives you responsive auto layout table templates to start from.
If the cells only need believable fake values, see realistic mock data in Figma.
Ranked listThe best Figma table plugins in 2026How to add a table in Figma Slides
Figma Slides has a real table object. Open Assets → Table, then drag on the slide to set its size. Double-click a cell to type. You can also drag a CSV file onto the slide, or paste cells from Google Sheets or a FigJam table, and Slides turns them into a table. Each table is limited to 500 cells.
FigJam has tables too, which suit workshops and planning boards. Neither one gives you a table inside a Figma Design file, so for product screens, use the auto layout method or a plugin.
Frequently asked questions
Is there a table tool in Figma?
Not in Figma Design. Figma Slides and FigJam have native tables, but in Figma Design you build tables from auto layout or generate them with a plugin. Figma support said in 2025 that a native table is not on the roadmap.
How do I add a row to a table in Figma?
If the table is built with auto layout, select a row and press Cmd+D on Mac or Ctrl+D on Windows. The copy joins the auto layout stack and the table grows to fit.
What is the quickest way to create a table in Figma?
Use a table plugin. Table Creator - Import From Excel draws a styled table from pasted cells, a CSV or Excel file, or a Google Sheet, and it can also make an empty table with placeholder text.
Can I make a table in Figma Slides?
Yes. Open Assets → Table and drag on the slide to size it, or drag in a CSV file or paste cells from Google Sheets. Slides tables are limited to 500 cells.
More in Plugins
- How to install Figma pluginsFigma plugins don't need installing: open one from the Community or run it inside a file. Steps for Figma Design, Dev Mode, FigJam, Slides, saving and admins.
- Figma plugin vs widget: what's the difference?A Figma plugin runs for one person and closes when done. A widget is an object on the canvas everyone can see and use. When to pick which, with examples.
- How to add icons in FigmaAdd icons in Figma with an icon plugin, a shared icon library, or by pasting SVG code, which imports as editable vectors. Plus how to recolour and export icons.
- How to make charts and graphs in FigmaFigma has no chart tool. Build a simple bar chart from auto layout rectangles, or use a chart plugin to draw line, bar and pie charts from your own data.
- How to Import an Excel Table into FigmaFigma Design can't paste Excel cells as a table. Build one with auto layout, fill it from CSV or Google Sheets, or import .xlsx files with a free plugin.
- How to Add Realistic Mock Data in FigmaHow to fill Figma designs with realistic mock data: names, emails, addresses, and AI-written text. Native Figma AI, lorem ipsum plugins, and Mock Master AI.
- Figma plugins not working? How to fix itFigma plugins not loading, missing or greyed out? Check your seat and edit access, org approval, network blocks and cache. A step-by-step checklist that works.
- How to make a GIF in FigmaMake a GIF in Figma from frames with a plugin, export a Figma Motion animation as GIF, or record a prototype. Steps, loop and timing settings, and trade-offs.
