原文地址：https://mp.weixin.qq.com/s/vMnyy8nrGGuf5DV3kEvI0g

先抛个问题，

figma中最重要，却最容易被忽视的概念是什么？

不是组件、不是变体、更不是自动布局，而是之前被我唠叨了n遍的frame。

绝大多数人对frame有误解，觉得它人畜无害，在figma中仅仅是扮演画板的小角色，然而并不是。

大猩猩在SD12集和樱木说过：能够掌控篮板球，就能掌控比赛。

我这里要说，能够掌控frame，就能掌控figma！

趁着之前放长假的时间，单独憋出一篇关于frame的6000字长文干货，作为figma稳扎稳打章节的开门篇。这个概念我承认比较绕，所以铺垫和案例比较多，耐心读完，因为它真的非常、非常重要。

01   为什么我要单用一篇文章讲frame

why

1.它是多个功能的前置

先说个可能很少人知道的真相。

在figma中，frame是以下四个功能的前置：layout grids网格布局、constraints约束、auto layout自动布局、component组件。

也就是说，没有frame，这四个功能是无法使用的。（别担心，它们我都会讲）

是不是有些难以置信？

先上案例。

下图是group和frame的属性面板，观察两者的变化，可以发现：

frame比group多出了俩面板：网格布局和约束。也就是说，要想使用这俩功能，你就只能使用frame。