Frame 是什么?它和组(Group)有什么区别?

Frame 是一种更先进的组,它不仅可以把元素打包成组,还带有自身属性(背景色、描边、圆角等),内部元素还能通过响应式约束来实现自适应。**如无必要,尽量使用 Frame,不然就浪费了 Figma。**具体细节可以参考下面的文章和视频:

普通矩形如何转换为 Frame?

可以在矩形上方放一个元素,比如文字图层,选中它们并点击右边的添加自动布局(auto layout),就可以将这个矩形变为 frame,这个矩形的背景色、描边都会被复制到新的 frame 上。

Frame 和 Group 如何互相转换?

选中 Group 后,在右边尺寸上面有一个下拉选项,直接点击切换就行了。

Figma 怎么在手机预览效果呢?

这里可以下载 Figma Mirror,你也可以直接在手机浏览器输入 Figma.com/mirror ,再到电脑上选一个 Frame,就可以预览了。

如何等比缩放?

按 K 键(不是按着不动,而是按一下就可以了)后就可以进行缩放操作,再按 V 就可以回到普通缩放模式。

如何设置蒙版?

选中一个图层,右键选择 Use as mask,再从左侧图层列表中把其它图层拖拽到它上面。按快捷键 Cmd+Ctrl+M(Windows 是 Ctrl+Alt+M)也可以。顺便提一下,对于矩形、圆角矩形和圆形这种常规形状不需要使用蒙版,直接用 Frame 的裁切内容(Clip content)就行了。

如何水平或垂直翻转图层呢?

选中图层,按快捷键 Shift+H (水平翻转)或 Shift+V (垂直翻转)。

如何调用组件?

可以直接从左侧 Assets 里面拖拽进画布。如果没有付费,只支持调用当前文件内组件;如果买了专业版或组织版,需要点击左侧 Assets 面板顶部的小书图标将组件发布出来,才可以在其他文件调用。

如何使文字或形状倾斜?

可以使用插件 Skew 或者 Easometric

怎么画虚线?

设置描边(Stroke)之后,点击三个点,在 Dashes 里面填写一个数字即可。这里的数字代表线段和空隙的长度,你还可以写 2,3 这种格式,表示 2px 线段 3px 空隙这样间隔的虚线。

如何只给线段一头设置箭头?

需要选中形状按回车进入编辑模式,选中一个锚点,在右边 Stroke 里面将其设置为箭头。

如何对图片进行拉伸?

在 Figma 内,图片是一种填充方式,点击右侧面板中的 Fill 栏可以看到 image 各项属性,你可以点击顶部的下拉菜单来切换填充方式。顺便提一下,按下 Cmd+Option(Ctrl+Alt)并双击一个图片就可以把它变为裁切模式,裁切后的图片可以拉伸。

左侧栏图层缩略图上有一个框是啥意思?

如下图,这种图层是自动布局内部的绝对定位图层,它可以自由定位而不受自动布局的影响。想要了解更多可以看这个视频

可以同时导出同一画布上的不同图层(形状)吗?

按住 Cmd(Ctrl)选中多个你要导出的图层,在右边面板最下面的 Export 点击导出按钮就行了。

如何导出一整个 PDF

点击左上角菜单,依次选择 File Export frames to PDF。

Figma 如何导出其他文件?例如 Sketch

可以用 Convertify Figma to Sketch XD 插件进行转换,不过这个插件只有几次免费试用。

Figma 有哪些神奇的技巧?

Figma 有很多神奇的技巧,推荐你观看一下这个视频,可以大大提高效率。此外还可以看一下Figma 独门秘笈,以及我这个 Figma 神奇的细节和技巧

另外,我还在 basics 长期更新一些小技巧。

有没有 Figma 快捷键汇总?

有的,请看 all-shortcuts

Figma 有哪些好用的插件?

可以看看 Tovi推荐插件