Figma插件分享&教程

用户头像
南宁/设计爱好者/1年前/1695浏览
Figma插件分享&教程
前言:除了分享一些高效的figma插件外,还顺带的科普一下插件的使用方法
!禁止摸瞎!禁止摸瞎!禁止摸瞎!禁止摸瞎!禁止摸瞎!禁止摸瞎!
01 - oblique&Easometric
oblique插件:创建任意形状的斜投影。有助于创建阴影、3D 深度、视觉透视等;
Easometric插件:可以非常轻松地创建等距图层和组。
oblique&Easometric两个插件是非常神仙的组合,可以让你快速的制作等距图标和插画,所以这两个就一起说了。
oblique&Easometric两个插件通常一起使用,先用Easometric创建出等距图形在使用oblique来挤出就可以轻松绘制等距图标。
Figma插件分享&教程(图ZMTQ4Mzg2NDA=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
第一步:首先使用Easometric插件来做角度上的调整
Figma插件分享&教程(图ZMTQ4MzgxMTI=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
第二步:使用oblique插件来做挤出
Figma插件分享&教程(图ZMTQ4MzgxMTY=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
02 - Fractal Glass Effect
使用 Fractal Glass Effect 插件轻松转换图片成玻璃效果。无需切换到 Photoshop 并按照冗长的步骤创建分形效果。只需在 Figma 中单击一下即可完成。
Figma插件分享&教程(图ZMTQ4Mzg2NDQ=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
Fractal Glass Effect插件使用方法还是非常简单的,只需要选中图片 → 选择你需要的强度就可以生成
Figma插件分享&教程(图ZMTQ4MzgxMjQ=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
03 - Noise & Texture
Noise & Texture插件可以动态生成无缝平铺噪点、纹理、图案、渐变等。选择一个图层并添加噪声或纹理。更改设置时可以实时查看图层更新。
Figma插件分享&教程(图ZMTQ4Mzg2NDg=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
Noise & Texture使用也非常简单,选择你要添加的图像修改对应的参数就可以得到非常好看的纹理效果。
Figma插件分享&教程(图ZMTQ4MzgxODg=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
04 - 
ARC - Bend your type!
文本编辑插件,可以将文本向上、向下或弯曲成圆形。
Figma插件分享&教程(图ZMTQ4Mzg2NTI=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
这个插件也非常的简单,选择你需要调整的文本,设置弧度大小与缩放应用即可
Figma插件分享&教程(图ZMTQ4MzgyMDA=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
05 - Lummi
Lummi是一个AI图片生成的图库,里面的图片筛选可以找到很多图,无论是亮度、色调、方向,还是图像中的人数。
Figma插件分享&教程(图ZMTQ4Mzg2NTY=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
06 - SmoothShadow
平滑阴影,可以调整非常平滑自然的阴影效果,曲线调整不透明度、偏移和模糊,让阴影的细节更可控。
Figma插件分享&教程(图ZMTQ4Mzg2NjA=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
07 - To Path
克隆形状以沿任何路径重复,当然不止是形状,文本也是可以的。
Figma插件分享&教程(图ZMTQ4Mzg2NjQ=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
使用时选择曲线以及形状、组或文本,点击链接即可。
Figma插件分享&教程(图ZMTQ4MzgyODA=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
08 - Tailwind CSS Color Generator
输入颜色色值,可以生成对应的色阶,可以直接添加到figma文件样式中,无需手动添加,直接调用
Figma插件分享&教程(图ZMTQ4Mzg2Njg=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
使用Tailwind CSS Color Generator插件可以快速的帮助我们去创建色阶、样式、以及指南。
Figma插件分享&教程(图ZMTQ4MzgyOTI=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
09 - Vector Logos
在Figma 里就可可以轻松查找和插入各大品牌的 SVG 版本LOGO。
Figma插件分享&教程(图ZMTQ4Mzg2NzI=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
10 - SkewDat
非常简单的一个倾斜插件,这个插件不需要教程!我奶都会用!
Figma插件分享&教程(图ZMTQ4Mzg2NzY=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
Figma插件分享&教程(图ZMTQ4MzgzNTI=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
11 - Pixel Perfect
种种原因忘记重新打开“对齐像素网格”?没关系。选择您想要重新对齐像素网格的任何图层,然后,它们的位置和大小就会四舍五入为整数。
轻轻一点就可以化整,不用在手动输入!
Figma插件分享&教程(图ZMTQ4Mzg2ODA=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
12 - A11y - Color Contrast Checker
通过遵守 WCAG(Web 内容可访问性指南)标准,确保您的文本可供用户阅读。
此插件检查框架内所有可见文本的颜色对比度,并提供反馈,说明其是否符合 WCAG 的 AA 和/或 AAA 级别合规性。它还提供颜色滑块,允许用户调整颜色并了解相应的对比度如何实时变化。
目前仅支持单一、100% 实心填充。
Figma插件分享&教程(图ZMTQ4Mzg2ODQ=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
Figma插件分享&教程(图ZMTQ4Mzg0Njg=) - 教程 - 站酷设计师OOOOOOOLIVER原创素材 - 站酷ZCOOL
收藏
以上就是这期分享的插件,希望能够帮助大家了解认识到这些插件同时提升自己的工作效率,如果大家有什么其他好用的插件不妨一起在评论区分享一下~
34
举报
|
75
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】钱包icon
高级表盘系列UI源文件
【新年UI图标】游戏/娱乐icon
【新年UI图标】影音icon
新拟态风格 UI设计组件库
【新年UI图标】珠宝icon
科技医疗透明柜UI界面设计
UI应用平面图标
【新年UI图标】30个图标
3D卡通UI界面图标可爱插画免扣素
UI 登录界面设计模板包
UI界面 组件
智能家居中心 简约 UI设计组件库
【新年UI图标】汽车icon
手表表盘UI系列
我的钱包-UI界面设计-app
拟物风质感写实UI卡片合集源文件
【新年UI图标】银行卡icon
Security Camera UI kit
【新年UI图标】优惠券icon
高级感金属拟物 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
抽象液态渐变UI背景模版
你可能喜欢
相关收藏夹
大家都在看
登录注册