Figma教程-Figma基础入门教程

更新时间：2023-08-02 18:32:43

创建账户

前往 Figma.com，点击右上角的 Sign up ，在弹出的窗口中，填写邮箱地址和密码，创建账户。

如果你有 Google 账户，你可以通过 Google 的授权登录来注册 Figma。

界面介绍

Figma 的基础界面非常简洁，有sketch使用经验的用户可以快速上手。

顶部工具栏与 Sketch 几乎没有差别，从左到右的基础功能，分别为移动、画板、矩形工具、钢笔工具、文字工具、视图工具、评论，在右侧是常用的导出协作类功能。

界面左侧为常见的图层导航栏，可通过顶部在图层和组件两个模块间切换。

界面右侧为属性面板，Design 为属性检查器，Prototype 则为原型模式。

基础功能

画板

建立画板的快捷键 F，在选中一组元素后，右键选项中有 Frame Selection 建立画板和 Group Selection 建立组，从这里能看出画板和组概念类似，在实际使用时，画板和组可以进行切换。

文字工具

文字工具的快捷键是 T，单击键入常规文字框，框选键入固定范围文字框。

在 Figma 中，文字的样式被拆解为字体样式（字号、字族、字重）和颜色填充样式（适用于所有元素）。

另外，Figma 的字距等属性默认使用百分比来界定，但它也支持 px 形式。

布局栅格

在画板的属性面板中找到 Layout Grid，其中包含常用的栅格与网格两种规范方式，可以通过控制栅格宽度、数量及间距宽度，来规范栅格，通过 Size 来控制每个方格的尺寸。

蒙版

蒙版工具的入口有两个，一个是顶部工具栏正中的蒙版工具，一个是右键菜单 Use as mask 选项。

布尔运算

通过顶部工具栏进入，需要先选中要进行运算的图形。