现在越来越多的公司使用Figma作为主要的软件工具，在使用Figma时不能按照以前的思维去设计，要尽可能发挥出它的最大优势，学会进阶使用。

1.使用组件集

如果我们有大量的按钮、输入字段等变体，在进行任何调整时，都可能花费大量的时间。

通过使用组件集，可以对其中包含的基础组件进行调整，然后统一应用到所有的实例中。基础组件本身不需要成为组件集的一部分，可以放在同一页或原型附近。

2.将封面图添加到Figma文件中

当管理各种不同的项目和Figma文件时，有时候寻找需要的项目可能会很费力。

创建封面照片是一种简单而优雅的解决方案，使项目一眼就能被识别。

添加封面的步骤：

在文档中创建一个页面并将其命名为“封面”；

为封面图像绘制一个框架（1920×960效果最好）；

添加一些设计元素如logo、图标等，让封面便于识别；

右键单击框架并选择“设置为缩略图”。

3.使用样式

当使用样式进行设计并决定要测试颜色、描边粗细、字体样式等不同变化时，只要快速更改，设计就能自动更新引用该样式的实例。

4.组件集布局

点击组件集的框架，然后按shift+a，使用自动布局，轻松组织和重新排序组件。

5.使用自动布局

自动布局使我们能够更密切地设计产品的开发方式，并在设计文件中保持一致性和可扩展性。

通过遵循使用自动布局设计，可以在删除/添加内容、创建响应组件等方面节省大量时间。

6.创建流程图

为了清晰传达页面间的流程，可以尝试使用一个技巧——将Figma中的连接器复制并粘贴到Figma文件中，它将保留它的所有功能。

7.使用约束

为了保持一个框架的组织性和适应性，使用约束来告诉Figma当我们调整框架大小时页面该如何响应。

约束帮助我们控制设计在不同屏幕尺寸和设备上的页面，避免了每次调整页面时里面的元素也要调整。

如果要忽略框架中对象的约束设置，只需要在调整框架大小时按住command或ctrl。

8.为组件创建模板

为个人资料卡创建一个模板是好的选择，随着用户人数增多，资料卡模板能够快速地复用，为我们节省大量时间，使设计更轻松。

模板的工作原理：假设一个博客组件中包括一张图片和一些文本，再创建另一个组件，在其中嵌套10次博客组件。把这个模板放到设计文件中，如果我们需要添加内容或者调整组件之间的空间，我们只需要在主组件上进行调整。

9.组织组件

考虑使用按钮、颜色样式、输入等来组织组件，这样更能提高功共享的效率。同时从一个设计文件组织排版的好坏，也能看出来这个设计到底怎么样。

10.使用Loom插件

Loom插件是远程工作时必不可少的工具，能够节省会议时间，让设计师把更多时间投入到设计中。

如果设计团队的日程安排混乱、不在一起办公或者在不同的时区，都可以尝试使用Loom插件进行设计评论和共享。

原文地址：medium.com

作者：Danny Sapio

译文地址：Clippp设计夹（公众号）

译者：Clippp

转载请注明：学UI网 » 掌握这些Figma进阶技巧，让你的工作效率提升10倍！

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务