Web Design » Figma » How Do I Make a Simple Table in Figma?

How Do I Make a Simple Table in Figma?

Last updated on September 29, 2022 @ 12:08 am

Designing a table in Figma is a simple process that can be completed in just a few steps. First, create a new frame and add a rectangle to it. Then, use the alignment tools to position the rectangle in the center of the frame.

Next, add four text boxes to the rectangle. These will be the headers for your table. To make them appear as headers, select each text box and change the font weight to bold.

Now you need to add the content for your table. Create new rectangles for each row and position them beneath the header row. Add text boxes to each row and fill them with the relevant information.

To make your table look more realistic, you can add some formatting to the cells. To do this, select a cell and change the background color or add a border.

Finally, if you want your table to be interactive, you can add link elements to the cells. To do this, select a cell and click on the link icon in the toolbar. Enter the URL that you want to link to and click “OK”.

That’s all there is to it! With just a few simple steps, you can create an attractive and functional table in Figma.

How Do I Make a Simple Table in Figma?

Designing a table in Figma is a simple process that can be completed in just a few steps.

PRO TIP: This article contains instructions on how to make a simple table in Figma. However, it is important to note that Figma is not a traditional table making program. As such, there are some limitations to what you can do with tables in Figma. For example, you cannot create cells that span multiple columns or rows. Additionally, you cannot merge cells or split them into multiple cells.

Next, add four text boxes to the rectangle.

Now you need to add the content for your table.

Add text boxes to each row and fill them with the relevant information.

To make your table look more realistic, you can add some formatting to the cells.

Finally, if you want your table to be interactive, you can add link elements to the cells. To do this, select a cell and click on the link icon in the toolbar. Enter the URL that you want to link to and click “OK”. That’s all there is to it! With just a few simple steps, you can create an attractive and functional table in Figma.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.