6种在Figma中更快进行UIUX设计的方法

我们之前也写过很多关于figma设计技巧的文章和小贴士，今天与大家分享一种更智能的设计方法，既不能偷工减料，也不能牺牲睡眠。 设计速度快并不意味着设计马虎。它意味着减少摩擦，减少愚蠢的决策，避免第400次重复设计同一个按钮，然后假装这是个创意之举。 以下是六种经过实践检验的实用方法，可以帮助您在 Figma 中更快地进行设计。



1. 不要把每一屏都当作新开始
当一个带有文字和图片的醒目版块；一个带有标签和输入框的表单；一个由卡片和表格组成的仪表盘；一个看起来别具一格，但结构却与其他所有定价页面如出一辙的定价页面。 当你把每个屏幕都当作一张空白画布时，你会减慢自己的速度，增加创作的不一致性。相反，要把重复当作正常现象，并欣然接受它。 开始每个新项目时，都要问自己一个简单的问题：哪些模式我肯定会重复使用？ 按钮、输入框、卡片、导航栏、模态框、空状态、加载状态、错误状态。是的，甚至包括那些枯燥乏味的东西。 如果你一次性构建好这些模型并正确复用，你的速度自然会提升。这并非因为你赶时间，而是因为你无需不断地重新思考已经解决的问题。 设计质量也会得到提升，因为保持一致性是让产品感觉更精致的最简单方法之一。

2. 更早的预制好UI组件
一个常见的错误是，在将设计“感觉完成”之前，不要急于将其转化为组件。这听起来合情合理，但实际上是错误的。 当你觉得可以开始组件化的时候，你已经把相同的元素复制到了十个屏幕上，只是内边距、字体大小和边框半径略有不同。现在一团糟，修复起来就像是无偿加班。 相反，应该更早地构建组件。要早得多。 如果你使用了同一个元素两次，它很可能是一个组件。如果你使用了三次，它肯定是一个组件。如果你已经使用了五次，恭喜你，你现在已经欠下了技术设计债，这就是所谓的组件设计三步法/五步法。 

3. 使用自动布局
自动布局功能强大，但也让许多设计师浪费整个下午的时间，只为了调整一个像素的间距，自动布局的目标不是完美，而是可预测性。 用它来处理间距、对齐和调整大小，这样您就不用总是考虑这些事情了。就是这样。 以下几条规则可以显著提高效率： 使用一致的内边距值。选择一种方案并坚持使用。 尽可能让内容决定篇幅。 除非有正当理由，否则请避免在自动布局中嵌套自动布局，然后再在自动布局中嵌套自动布局。 制作一张卡片并不需要十二个嵌套的框架，你需要的是清晰明了。 自动布局应该使屏幕灵活且易于更新。如果更改一行文本就导致整个页面崩溃，那就说明有问题了。 自动布局功能只需简单使用，就能将繁琐的布局工作变成背景噪音。您无需再考虑间距，而是可以专注于实际的设计问题，而这才是高质量设计的源泉。

4. 减少过度设计
并非所有事情都需要你倾注全部的创造力。 产品中有些部分用户几乎不会注意到，除非它们出现故障。例如确认弹窗、基本设置界面或带有简短信息的空白表格。 这些元素应该清晰、易读且一致。它们不需要定制插图、巧妙的比喻或全新的布局系统。 过度设计低影响区域是拖慢自己速度最快的方法之一，而且几乎没有任何价值。 把精力留给真正重要的时刻。比如核心内容、主要流程、关键决策点，以及用户停下来思考的地方。 好的设计并非要把所有东西都做得特别，而是要懂得哪些值得关注，哪些只需要实用即可。 

5. 创建个人快捷键系统
如果你注重速度，Figma快捷键就不是可有可无的，而是必不可少的。 但光知道捷径是不够的，你还需要肌肉记忆。 选择几个快捷键并坚持使用，直到它们成为自动化操作。创建框架、对齐、分布、调整文本大小、缩放和切换自动布局都应该无需思考即可完成。 这同样适用于您的个人工作流程。 如果您经常设计落地页，请创建一个包含常用版块的初始框架。如果您构建仪表盘，请保留一个包含网格、导航和基本组件的基础文件，以便随时使用。 拥有一个小型、值得信赖的预构建布局和组件库，就能在不知不觉中节省大量时间。 这不是懒惰，这是效率。 速度源于准备，而不是仓促行事。

6. 要懂得何时停止纠结
这是最难学也是最重要的技能。 总有一天，你的设计会足够好。 并不完美，也并非不可改进，只是足够好，可以发布、测试和改进。 无休止的打磨看似有效，实则不然。到了一定程度，改进对用户来说就毫无意义，只有你自己才能明显感受到。 懂得何时停止，质量并非在于无休止的精益求精，而在于做出明智的决策，并懂得何时该止步不前。

最后，设计师在Figma中快速设计并非偷懒，而是要消除不必要的摩擦、重复劳动和过度的设计+思考。以上6点figma设计小帖士不仅可以提升你设计的质量，还会让你的设计工作流会变得更加一致、更有目的性，设计效率也更高。