提高两倍效率！5个UI设计师常用的Figma插件

同样是设计，为何你的同事小花能早早下班，隔壁的二狗能享受岁月静好，而你却还在 Figma 中苦苦挣扎？其实，提升设计效率的关键就在于 Figma 中那些功能丰富的插件。然而，当你打开 Figma 插件库时，面对海量的插件，你是否感到眼花缭乱，不知道哪一款才是最适合你的呢？今天给大家整理了一波常用的 Figma 插件，让你的 UI 设计工作变得更加高效。下面我们具体看看这一期的干货:

一、DesignGenie

DesignGenie 是腾讯出品的一款免费的 Figma，功能持续在更新，通过其独特的功能，为设计师提供了一种全新的工作方式。支持代码到设计的无缝转换，只需提供网站链接，即可自动生成相应的视觉设计稿，支持浅色/深色模式生成，功能最近更新也频繁，目前还推出了个新的高级功能，提取生成相应的视觉设计稿页面中的图标、视频元素，适合新手学习使用，喜欢的自己可以体验下；

网址： https://www.figma.com/community/plugin/1398619471957761832

二、Locofy Lightning - Figma to Code in 1click

一款专为前端开发人员设计的工具，通过一个 Figma 插件主要将设计转换为代码，只需点一下设计稿可被转换为一个完全响应式的网站（此过程大约需要 40-50 秒）。转换后，允许您检查生成的代码的任何元素，以便根据需要进行调整。适用于日常运营类网站开发；

网址： https://www.figma.com/community/plugin/1056467900248561542

三、Design System Hub

tob 的产品设计同学，经常会需要研究各大设计系统，大家推荐一个合设计系统资源的 Figma 插件，收集了 149 个设计系统，可以直接访问对应设计系统的网站或 Figma 社区资源，能按 Web、Mobile 等平台进行筛选。

网址： https://www.figma.com/community/plugin/1324752802910575903/design-system-hub

四、Breakpoints

一键将 Figma 设计稿生成响应式设计稿，像 CSS Flexbox 一样在设计文档当中控制样式和断点，可以轻松地将它们插入到自适应框架当中，并且在拖动边缘的时候，让元素样式灵活自然地自适应。

网址：https://www.figma.com/community/plugin/824289601590456356

五、Axure

此插件可以轻松地将帧从 Figma 复制到 Axure RP，或直接将帧发布到 Axure Cloud。将 Figma 中的框架复制到 Axure RP 中，您可以使用 Axure RP 的强大原型设计功能快速将设计变为现实。只需在 Figma 中选择您的框架，然后使用此插件进行复制。然后在 Axure RP 中，将设计粘贴到画布上。此功能需要 Axure RP 版本 9.0.0.3743 或更高版本；

网址：https://www.figma.com/community/plugin/837098402230990991

欢迎关注作者微信：「AGI设计之路」