（推荐收藏）

B端设计中，表格页面是我们常见的一种类型，在项目中会经常运用到表格的设计。那如何通过figma进行高效输出呢？

一、首先我们从2个维度出发：

1、项目迭代。

我们可以回顾一下在日常项目中，如果遇到表格迭代，一般需要做哪些调整呢？ 是的，增加字段或者减少字段。 也就是修改列数。所以我们在组件制作时，需要以一列为维度。

2、页面适配。

通常情况下，如果遇到表格的字段较多，我们都需要做小屏和大屏的适配，如1440/1920。这个时候布局变化的也是列的宽度。

综合两个维度，在表格制作时应该选择列为基础组件。

二、如何用列的方式搭建：

1、从一个表格单元格开始

首先，创建一个文本并将调整大小设置为“适应内容”。然后，根据文本制作一个组件，为该组件添加自动布局，调整行大小、对齐方式和填充。选择我们组件并根据需要设置样式。

2、创建不同类型的表格单元格

在创建最基本的表格单元格之后，我们根据业务场景增加不同的表格单元格类型。

3、制作列

现在我们已经有表格单元格，就可以使用它们来创建表格的列。我们需要什么类型的列，将表格单元格拖到画布上，并通过将单元格相互重叠来创建列。添加自动布局并进行调整。

4、组装数据表