帮 UI 设计师极大提升效率的10款 Figma 插件-如何在figma上设计ui

在 UI/UX 设计领域，很多工作已经不用真的从0开始做了。用好插件，往往能让设计工作事半功倍。在 Figma 和 Sketch 这样的设计工具当中，插件赋予了设计更多的可能性，更快的执行效率，更快捷的流程，以及更完善的体系。这次，我们梳理一波 Figma 当中超级好用、提升效率的 10 个插件。

这是一款传奇级别的插件，使用过 Sketch 的同学可能会知道它。在 Figma 当中它同样好用，最重要的是，它能够根据规则快速将所有的组件进行规范化的命名，且不会影响文本图层的内容，并且特别的快。

如果你在进行新的设计项目的时候，不打算使用现成的 UI 工具包，那么就意味着你需要为自己的设计系统构建秩序良好的样式、命名规则，而 Styler 这个工具可以帮你搞定这部分体力活儿!

很多同学在使用 Figma 设计 UI 的过程中，会发现 Figma 的缺点之一，是没有快速克隆组件的功能，而这个名为 Component Cloner 的插件可以帮你搞定这件事情。

构建复杂的组件的时候，经常需要使用各种 UI 元素来替换它们，有了这个组件替换器，可以帮你更快完成这个过程。

UI 组件的可访问性是一个重要的指标，Stark 是做 UI 可访问性优化和规范化的著名解决方案，如今它也有 Figma 版本，可以帮你确保 UI 的合理性和可访问性。

如果你需要从零开始制定配色方案，有很多配色工具可以帮到你，但是最好用的，始终是 Palette 。

在复杂的设计系统当中，针对图层进行命名和修改是一个麻烦事儿，Find and Replace 可以帮你快速修改图层和相关的内容，非常好用。

这是一个包含大量图标和表情符的插件服务，其中的素材大都是可供编辑的格式，比如 SVG，可以直接复制相关代码应用到项目当中。

这是一个快速绘制线框图的工具，它帮设计师更快完成线框图的绘制和调整，其中包含大量基础的组件与模块能够让设计师专注于更重要的事情，而不是重复基础的工作。

Figmotion 是一个超强的动画效果设计工具，能够让设计师在 Figma 当中创造更加顺滑舒适的动效，它的运作机制类似于 AE。对于开发者而言，Figmotion 更容易管理。虽然上手可能没那么快，毕竟做动画还是稍微有点复杂的，但是总体上依然好用且便捷，特别出效果。