提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
鹅厂设计师都在用什么插件?
从2019年8月,Figma 在系统中首次启用插件至今,Figma 插件社区涌现了很多优秀的插件,简单而直观地丰富了 Figma 的功能,加上 Figma 本身超强的迭代速度,让 Figma 成功俘获了越来越多设计师的心。
但在星罗棋布的插件社区中,有哪几款是设计师不可错过的插件呢?
今天我们就测评了鹅厂 Figma 插件白名单中的96款插件,二次筛选出了这 10 款小而精的 Figma 插件,零成本上手,希望能帮助大家快速提升工作效率!
Vectary 3D 是值得 UI 设计师人手下载一个的真机展示插件, 可以按需选择如手机电脑等3D模型,点选希望展示的 Frame 添加到 3D 的画布当中,调整好模型的角度和大小,就可一键生成ui界面与真机交互的图片。
下载链接:https://www.figma.com/community/plugin/769588393361258724/Vectary-3D-Elements
作为鹅厂设计师都在用的设计交付软件,CoDesign 支持在线导入预览设计稿,自动生成设计标注和切图,开发可批量下载各种格式和清晰度的切图素材。
相较于市面上的交付软件,还可以完整展示设计稿的图层列表,让开发更顺畅地进行标注切图。
下载链接:https://www.figma.com/community/plugin/936456730265868414/CoDesign(beta)
不管是界面的状态图,还是想要展示设计稿之间的交互关系,都需要用到流程图连线功能。
而 arrow auto 只要选中图层后,就可按需选择连线关系,调整连线的粗细跟颜色,再多的设计稿,逻辑关系也能一目了然。
下载链接:https://www.figma.com/community/plugin/751007211632768205/Arrow-Auto
在 Figma 中想要调整画板/图层的尺寸时,还在一个个手动调整吗?
用 Skale 插件告别繁琐重复的工作吧!只要选中想改变尺寸的图层,输入尺寸或倍数,就可一键调整尺寸!
下载链接:https://www.figma.com/community/plugin/808289809557716614/skale
跟 Skale 一样,Swap 属于小巧但非常实用的插件,只需点选两个元素/图层后,点击 Swap 就可一键交换位置。
下载链接:https://www.figma.com/community/plugin/739493471028643540/Swap
Iconify 支持导入 Mater·ial Design Icons、FontAwesome、 Jam Icons、 EmojiOne 和Twitter Emoji 等图标。
只要右键唤起插件后,输入图标的关键词就能搜寻到海量图标,直接拖拽即可调用,重点是有40000个免费图标!
在 Figma 中,图标库类型的插件还有很多,如 Material Design Icons 、Iconscout、Feather Icons,都值得尝试探索看看。
下载链接:https://www.figma.com/community/plugin/735098390272716381/Iconify
在 Similayer 中选择如宽度、颜色、透明度、图层名称等属性,一键即可全选相同属性的图层。
不管是设计稿太多整理难度过大的情况,还是需要交付导出设计稿时,Similayer 都能派上用场。
下载链接:https://www.figma.com/community/plugin/735733267883397781/Similayer
在 Figma 设计中,想找到合适的字体,只能一遍遍切换字体,太麻烦了!
Better Font Picker 就很好地解决了这个痛点,免去了重复打开字体选择窗口的麻烦,支持字体实时预览,字体搜索功能,小巧而好用。
只是美中不足的点是内置的字体选择并不多,且没有中文字体,期待插件能进一步优化。
下载链接:https://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker
在 UI 设计的过程中,经常会面临在 UI 界面中加入地图元素的需求。如果是在地图软件上截图,拖到 PS 后调节颜色构图等一系列操作后再导入界面中,费时费力。
而mapsicle,还可设置尺寸大小、缩放等级、地图类型,一键即可将地图导入界面。
下载链接:https://www.figma.com/community/plugin/736458162635847353/Mapsicle
做等轴测视角的效果时,Isometric 是不可不用的插件。操作非常简单,选中图层后输入角度,即可创建出2.5D的效果。
下载链接:https://www.figma.com/community/plugin/741184519069077841/Isometric
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册