第二波！我希望能早点知道的 10 个 Figma 技巧

编者按：这篇文章来自资深 UI设计师 Danny Sapio，他结了日常设计过程，使用 Figma 的一些非常快速的计巧，希望能帮大家：

1、好用的断点控制

使这个 Breakpoints 插件，你可像 CSS Flexbox 一样在你的设计档当中控制样式和断点，可轻松地将它们插入到自适应框架当中，并且在你拖边缘的时候，元素样式灵自然地自适应。

2、将状态标签添加到框架中

当同客户、其他设师或者团队中其他的相关者 Figma 当中协同合作的时候，可能沟通过程中，很难表述不同设状态。 Figma Tags 这插件能够帮界面元素速添加状态，并且新，因足够清晰的状态标注，确保无需向其他人行复杂的解释，且这款插件本身就非常完善的预设状态。

3、设计时「隐身」的方法

设计师常都会有这样焦虑，是不希望看到你设计过程。你在 Figma 设计时候，保持在线协作状态下，是可以实时看到你设计过程和状态，如你想「隐身」，断开 Wifi 即可。

我知道这听起很奇怪，但作一款强调协同的 UI 设具，只当断网脱机的时候，不会设的时候，看到别人的鼠标光标旁瞎晃，同样这样能让不会被 Youtube 或者其他的信息扰。

只要保证在闭档之前联，就会丢失你的设计进，此外你还可将档保存成离线脱机格式 (.fig)，因为 Figma 一般会保存本地副本。

4、一键删除背景

这几乎目设软件中的标配功能了。之我会把图片拖到 PS 中用钢笔或者魔棒具删除背景，不过我后发 Figma 当中使用这 RemoveBG 插件 就能帮一键搞问题。

5、创建私人样式和组件

为了防止 Figma 接覆盖你创样和组件，你可以在命名时候加入些前缀标识，将这些样变为私样。

组件称添加 「 . 」 「 _ 」这样的符，就能到这一点，比如「 _Component Name 」这样，发布过程中，系统就会跳过这些样式组件，并且「Assets」面板「库」当中，将这些样式文件标注「Private to this file」，也就专用于这文档的样式组件。

6、在 Figma 当中聊天

虽然有时候你过实时沟工具（比如微信群）会更加习惯，是你信息可能会被信息埋没掉，这个时候不妨使用 Figma Chat 这个插件，接实现在 Figma 接你协作设计师进沟。

7、一键获得同色系的所有颜色

通常会使用 Material Color Tool 来获得可访问性良好的同色系配色，不过最近发现 Color Shades 插件也可以做这个事情，效果也同不错。

8、为组件的一侧增加笔触投影

令人沮丧的是，在 Figma 当中似乎无法为元素特定的一增加笔触，个时我使用投影来现个效果，关闭模糊，按照下方的参数进行设置：

• y: 1 (bottom)
• y: -1 (top)
• x: 1 (right)
• x: -1 (left)

当然，你还可以调整参数让笔触出现在另外一边，如果你希望效果更显一点，可以让参数大于1即可。

9、四舍五入到最接近的整数

Round >> All 是一个最近才出现的一个插件，当你在按照比例缩放（快捷键 k）某组件的时，最现它的际尺寸是小数而非整数，个时你需要做的，就是使用「cmd/ctrl + A」选所有画板，运行 Round >> All 个插件，就能让所有的组件参数四舍，确像素完美。

10、一键实现等轴测效果

如今在展示 UI 的时候，使等轴测效果是一个非流行的方式，但是真正调整可会非时，这个时候，如果你使 Isometric 插件，简单设置参数，就可一键实现效果。