UI设计师必看:Figma插件

今天给大家分享非常实用的几个插件。不想看说明直接复制每个大标题中的英文到插件搜索框里即可。最低部有快捷键和说明！🥰

1.Noise & Texture：噪点和纹理

噪点和纹理有3个切换模式：

Pattem ：纹理生成
Motion：动图生成
Image：图片处理

1. Pattern模式：每一个Pattern模式的纹理参数都不一样（参数自己了解）。2. Motion模式：跟Pattern模式一样，Motion模式的动效参数也都不一样（参数自己了解）。Pattern和Motion“导出”的方法一致，有两种方法：-Add to layer（应用到图层）：在画布里选择任何一个图层时显示应用到图层（Add to layer）。-Add to canvas（应用到画布）：默认未选择图层时显示应用到画布（Add to Canvas）。3. Image模式：Image模式相对跟Pattern和Motion来说稍微简单一些。Image有两种“导入”选项，第一个是Select a Figma Layer（选择Figma图层导入），第二个是Upload an Image（上传本地图片导入）。Image“导出”也是有两种方法：

Image模式默认是Add Image是应用在画布上随便选中图层时，底部的默认按钮会变成Update Image。这个是什么意思呢？就是选中图层（文字，矩形等...）时点击Update Image的话就把预览图片区域的图覆盖/替换到图层里。

Export：这个导出是导出到本地文件夹里。其实我个人是直接导出到画布里就够了。这里的code，video，image 自行了解就可以了。

我们再来看一下效果（Effects）。这三个纹理，动效，图片都有效果。我们能看到Effects右侧有 “+” 图标，点击就显示“效果下拉列表”。想了解效果（Effects）自行把这个复制翻译应用里执行。虽然效果列表里有很多效果，其实我个人觉得很多是用不到。搜索自己常用的学习即可。

“···” 点击时出现两个选项

1. About（关于）-自行了解即可

2. Preferences（偏好设置）：

Aspect ratio（画面宽高比）：选项有正方形和16:9。
Resolution（分辨率）：上面宽高比例是16:9，不能超过1920*1920，因两个条件需要都考虑最终显示为1920*1080。
Layout（布局）：竖版和横向。
Default Color（画布默认底色）：默认是白色可以设置自己喜欢的颜色。
Code Editor：我个人理解这部分是开发人员用的忽略就行（默认关闭就可以）。
Add to strokes（应用填充或描边）：

-开启：同时应用于描边（stroke）；

-关闭：只应用在填充（Fill）的部分。

2.Copy & Rotate：复制和旋转

Canvas preview 底部有两个输入框并排的，第一个是复制的数量，第二个是半径（R）。

复制，半径输入框底部有个Advanced（高级）。Advanced底部有个选择器，选项有Skip instances，Skip every。默认是Skip instances。我们先看第一个。

1. Skip instances：旁边有个输入框默认显示“ex. 2,4,8”。重点：我们先在输入框里输入：“2，4，8，10，6，12”。里面的数字可以理解为第2个，第4个，第8个，第10个，第6个，第12个。然后我们在Canvas preview可以看到2，4，8，10，6，12数字都被隐藏（灰色）了。原来输入框里的数字是想要隐藏的数字。可以选一个数字，也可以选多个数字。写多个数字的时候用“，”来分开。

2. Skip every：默认显示“Skip every <n>th item”这个输入框里只能输入一个数字。简单来说是倍数。

举个例子：输入框里输入“2”：隐藏第“2，4，6，8，10，12”个，输入“3”：隐藏第“3，6，9，12”个，输入“4”：隐藏第“4，8，12”个。

仔细看的话底部按钮上方有个勾选的选项 “Align copies radially”默认是勾选状态。

默认勾选状态下的矩形是围绕中心转，取消勾选状态下的矩形是保持原来的方向不变。

3.Image Adjustements Copy&Paste：复制/粘贴图片属性

我们知道FIGMA自带的复制/粘贴属性CTRL+ALT+C：复制样式CTRL+ALT+V：粘贴样式FIGMA自带的复制功能会同时复制描边、阴影等所有的样式。应用在图片上的属性和图都复制过来了（图片复制/粘贴没有区别）。这个插件是仅复制/粘贴图片属性。

第一步：选中一个图片。双击图片，调整图片参数（亮度、对比度、饱和度等...）

第二步：打开插件，选中设置好的图片就是在第一步里调整过图片参数的图，然后点击Copy From Image（复制图片属性：亮度、对比度、饱和度等）

第三步：再选另一张图片(也可以是多个)，然后点击Paste To Image 就把图片的属性粘贴过来了。

教程：CTRL+K然后搜索框里输入“Noise & Texture”

是不是超级简单，超级哇塞，超级实用的插件？

赶紧收藏起来吧~🥰

*本文仅为工具分享，插件的功能与权益归开发者所有*