Web Design » Figma » How Do You Make a Table in Figma?

How Do You Make a Table in Figma?

Last updated on September 28, 2022 @ 8:32 pm

Figma is a vector graphics editor and prototyping tool – the first interface design tool with real-time collaboration. It’s the fastest way to iterate on design. And it’s free.

To make a table in Figma, you’ll first need to create a frame. To do this, click on the “Create Frame” button in the left sidebar. Then, click and drag on your canvas to create a rectangular frame.

Once you’ve created your frame, you can add text by clicking on the “Text” button in the left sidebar and then clicking and dragging on your frame to create a text box. To add columns and rows to your table, click on the “Columns” button in the left sidebar and then click and drag on your frame to create columns. To add rows, click on the “Rows” button in the left sidebar and then click and drag on your columns to create rows.

Once you’ve added columns and rows, you can add content to your table by clicking on the “Cell” button in the left sidebar and then clicking on a cell in your table. You can also add headings to your table by clicking on the “Heading” button in the left sidebar and then clicking on a cell in your table.

PRO TIP: This article is about how to make a table in Figma. However, it does not explain how to properly format the table. As a result, readers may end up with a poorly formatted table that is difficult to read.

Once you’ve added content to your table, you can style it by selecting a cell or column and then using the “Format” options in the top toolbar. For example, you can change the alignment of text within cells, add borders or background colors, or adjust the padding.

Conclusion:

In conclusion, making a table in Figma is easy! First, create a frame.

Then add columns and rows. Finally, add content and style as desired.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.