Figma插件合集大放送,效果嘎嘎棒!

近日,Figma被Adobe收购的消息在设计领域引起了极大的轰动。作为海外知名的设计工具,Figma对设计圈的影响不容小觑。Figma插件是设计师选择Figma的重要原因。然而,设计软件是一个快速更新和迭代的行业。在关注海外设计软件的同时,也要关注国内设计行业,专业在线协作设计工具即时设计就是一个蛮不错的生产力工具。

今天本文将会盘点2022年10款Figma常见插件,主打的就是一个实用,一起来看看吧!

1、自动布局预设

 🔑:自动布局预设

自动布局预设是一个常见的Figma插件,用于整理页面。他可以创建自动布局模板,选中需要应用自动布局的图层即可,不需要手动逐个设置,解放我们的双手。而且他不会改变你的设计元素,他只是会在画布上自动布局、重新排列它们的位置以变得更加合理美观。如果不需要改变设计风格,选择自动布局预设插件就对了!

2、样式批量重命名

Figma常见插件样式批量重命名,可以帮助您重新命名一些样式。设计师无需再通过一个个操作更改本地样式名称,使用这个Figma插件即可轻松一键修改样式名称,输入关键词匹配将修改原名字与「关键词重合」的相关样式或选择需要修改的样式后输入名称快速重命名。

3、Movie Posters

Figma常见插件Movie Posters是Must APP为电影、电视栏目和网络创建的应用程序。Figma常见插件Movie Posters的主要功能是可以随机添加福利资源节目中的图像,并为海报设置任何矢量图目标。如果你是Figma常见插件的相关工作者,可以说必备这个Figma插件。

4、GIF X

GIF X是Figma常见插件,是一个非常简单的插件,即使你不用离开Figma就能创建GIF图像。他可以实现快速将多张图片生成GIF文件,满足设计场景下使用动图的诉求~

5、 lottie 动画设计

你需要添加动画效果吗?Figma常见插件 lottie 动画设计非常适合你。Figma常见插件 lottie 动画设计的操作相对来说还是很简单的,简单几步就可以完成一个动画设计。他支持导入本地或在线的动画,支持对 lottie,json,zip(json+img)格式动画的预览和编辑,还具有同步功能,可以同步我们的设计文件,在「我的空间」内创建动画库,甚至还支持在插件内部引用第三方动画资源进行使用和学习,非常的实用!

6、渐变色Figma插件

🔑:渐变色插件

Figma常见插件:渐变色可以完美地帮助你完成颜色的深度,当你在设计过程中需要完成渐变时,它也可以帮助你。内置180种渐变色设计方案,我们可以使用渐变色插件轻松提升自身设计的质感和配色,吸引用户视觉注意力。

7、Vector Maps

Figma常见插件Vector aps允许您快速将国家、地区和城市的矢量地图下载到Figma模型中。下载后很容易找到国家和地区。你可以根据你的名字搜索它,也可以直接在地图上选择它。

8、Webgradients

Figma常见插件Webradients绝对可以为你的设计增添更多的创意,因为它可以为你的设计生成漂亮的渐变,你可以用滤色器找到所需的组合,这个里面也有有180种颜色的渐变设计,而且Figma常见插件Webgradients可以在收藏夹中收集渐变色。

9、Design Lint

在将工作提交给开发人员或设计产品提交给客户之前,我们必须检查我们的工作,以确保我们工作的质量。此时,您可以选择这个免费的开放源代码插件,Figma常见插件Design lint可以帮助您检查模型中的差异,包括颜色、字体、效果、添加剂、刷子、外框半径等,并纠正差异。

10、图层整理

Figma常见插件图层整理可以帮助设计师更好地整理图层,可一键重命名图层、对齐排列图层、整理图层目录,轻松保持设计文件整洁,有效提升图层整理效率。还支持我们自定义设置图层,如设置整理后的图层排列间距、自定义重命名起始编号、重命名方式等,实用方便

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Figma是一种设计工具,而Figma插件可以将HTML转换为Figma或将Figma设计转换为代码。要使用这个插件,首先在Figma中打开一个新的或现有的文档,然后按下cmd/键并搜索"html figma",然后按Enter。接下来,您可以输入要导入的URL,将其转换为Figma设计。 此外,还有一个叫做"镀Chrome"的插件,它可以将Figma页面的原型从浏览器中打开的当前文件导出为静态的HTML文件,并使用图像映射链接。但在使用之前,请确保在扩展选项页面中设置了您的Figma个人访问令牌。通过这种方式,您可以模拟Figma的一些交互效果,比如"后退"交互,通过在元素名称中进行设置。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [html-figma:用于将HTML导入到Figma层的插件](https://download.csdn.net/download/weixin_42127748/14959063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [ChromedFigmaFigma html导出chrome扩展](https://download.csdn.net/download/weixin_42138780/14959285)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值