其他教程 2022年05月17日
0 收藏 109 点赞 1,843 浏览 2025 个字
摘要 :

最近打开Figma,点击我的插件,发现我已经安装了这么多插件…   我究竟要用哪一个插件?我不知道,每一个插件的是用来做什么的?我不清楚。因为身边的同学……

最近打开Figma,点击我的插件,发现我已经安装了这么多插件…

B端设计师常用的七款 Figma 插件

 

我究竟要用哪一个插件?我不知道,每一个插件的是用来做什么的?我不清楚。因为身边的同学不停的给我推荐插件,而我便不停的安装,导致这么很多插件,我都没怎么用。今天为了解决这个问题,花了一下午的时间整理,分享一下我最常用的7款Figma 插件,大家也可以跟着我的思路,一起来整理一下你的 figma 插件

 

Contento

Contento 是一款内容填充插件,当然,在插件市场上你会发现,类似这样的插件非常多,但是我在使用过一段时间过后我都放弃了

有的是因为 操作过于复杂,比如:Content Reel ,他没办法做到本土化的数据,因此不能 开箱即用

B端设计师常用的七款 Figma 插件

有的是因为功能简单,比如:Chinese User Data Generator,我没办法做到自定义数据内容

B端设计师常用的七款 Figma 插件

使用Contento主要能够满足我三个需求

 

1.内容简单:

其实在日常的使用当中,我们要填充的无外乎就是常见的 “姓名、地址、电话、邮箱”等内容,在常用功能当中,我们最主要的是想要功能地快速上手,当我打开 Contento 就可以直接进行使用

B端设计师常用的七款 Figma 插件

2.社区强大:

如果系统预设的内容不满足你的需求时,你也可以打开社区,在社区里作者会更新一些较为常用的图库和文本,然后你只需要这样点击,即可拥有这个素材内容

B端设计师常用的七款 Figma 插件

3.自定义:

假设 系统自带 以及 社区的内容库 还不能够满足你的需求,你还可以利用 Contento 进行系统的自定义,在插件当中点击这里的 “加号”,选择想要添加的 文本、图片 等格式,进而将自己产品独有的内容放到里面,下一次就可以直接使用

B端设计师常用的七款 Figma 插件

 

Chinese Font Picker

Figma 的中文字体选择,真的无力吐槽,Figma 你看看其他同学,像 PS、Sketch、甚至是 PPT、Axure

别人字体选择是怎么做的,再看看你,Figma,长点心吧!

B端设计师常用的七款 Figma 插件

因为 Figma 软件本身自带有很多种字体,而这些系统字体也就造成了我们很难从众多字体的字体当中,选择用户想要的字体内容

另一方面,我们没办法快速预览字体,因此只能够通过 猜测这款中文字体的英文名字,来进行寻找

因此被逼无奈,只能够曲线救国,使用字体选择插件来解决这个问题

Chinese Font Picker 插件就能够快速呼出字体选择器,并且这里展示的字体都是经过筛选,会主要展示支持中文的字体

B端设计师常用的七款 Figma 插件

通过每一款字体,我们可以预览字体具体的样式,方便我们快速的做出判断,Chinese Font Picker 是我使用频率最高的插件

 

FigmaEX

Figma 当中使用插件也会非常的麻烦(专业一点来说应该是操作路径过长 : ),因为 Figma 本身插件呼出非常低效,再加上很多设计师并不会记住插件的名字,导致寻找插件非常鸡肋

在 Figma 当中,比较难使用的便是如何高效的切换插件。这其实是一个交互问题,恰好 FigmaEX 解决了这个问题

我们都知道电脑屏幕的布局本身就是以宽屏的形式存在,也就意味着,FigmaEX利用了横向的宽度,在右侧固定一个区域用于展示基础的信息,这样就能够固定快速你想要的figma插件,并且这款插件是国人产出的,也更令人骄傲

B端设计师常用的七款 Figma 插件

不过Figma EX 需要单独安装,不过这类插件确实已经超过 Figma 可以开放权限的范畴,只能够单独安装

 

NB Charts

在我们B端需求当中,一定会存在很多图表类的需求,这时候便可以使用 NB Charts 这款软件来快速实现页面,方便与团队明确这样的方案是否能够接受

B端设计师常用的七款 Figma 插件

并且还可以根据图表进行内容的调整,导入对应的数据 JSON等等…,可谓是非常强大

 

Measure

虽然 figma 软件自带的标注功能就已经非常出色,但是在日常的工作协同当中,我们还是需要对页面当中的内容进行细致的标注,以便让程序员更加清楚的理解我们设计的含义。因此可以使用 Measure 这款软件来对页面的信息进行单独的标注

B端设计师常用的七款 Figma 插件

这款老牌插件,含金量自然不必多说,因为我平时也只是简单用一用标注功能,因此这款插件还是非常不错

 

Auto follower

流程图怎么办?有的时候想要快速连接原型之间的交互,便可以使用它,可以快速连接不同的页面,还可以自定义这条流程线条的颜色、粗细、圆角大小等等

虽然比不了传统的流程图工具,但是解一解燃眉之急还是非常不错的

 

SkewDat

如果想要把一个页面稍稍倾斜一下,你会怎么办?在没使用 这款插件,我需要将这个图片导出、打开PS、通过PS来对图片进行调整,然后导出,再导入到 Figma 里面,整个操作方式可谓是“一气呵成”

SkewDat  恰好能够解决这个问题,同样,它可以斜切:图片、形状、文本 等内容,在使用上可以更加方便,并且这里的倾斜操作是非破坏性的,也就是说我们可以倾斜了过后继续调整字体

B端设计师常用的七款 Figma 插件

当然上面的所有插件都可以在 Figma 社区找到,大家按照名字自行下载即可,不过在公众号放这么多动图真的痛苦,后续做一个视频详细给大家分享一下…

 

原文链接:CE青年Youthce(公众号)

作者:CE青年

图片

转载请注明:极致设计 » B端设计师常用的七款 Figma 插件

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/111514.html

相关推荐
佳选
【字体设计】品牌标准字怎么设计?
从设计的角度来分析如何快速抓住品牌和企业的调性,从而确定标准字体的具体设计方向和形式。 小可爱们,我这里会定期推送插画、UI设计、排版等相关…
日期:2022-05-27 点赞:93 阅读:4,039
精选
5个超酷的标题设计技巧,So easy!
优秀的标题设计除了可以把标题中的信息清晰传达之外,还要与画面的风格相符,并且能使画面整体更加美观和更有设计感。5个标题设计技巧分享给你。 小…
日期:2022-05-26 点赞:236 阅读:1,402
优质
Blender实战案例教程!卡通小狐狸角色建模:01 基础形建模
教程作者:DesignHunting(授权转载) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 关于教程 本期的 IP 角色设计案例,手…
日期:2022-05-23 点赞:0 阅读:839
精选
即时设计基础教程!NO.12 即时设计综合使用技巧
本集讲师:@YY 免费使用即时设计,请点击右侧链接👉 即时设计 获取海量免费设计资源,请访问👉 资源广场 什么是即时设计 即时设计是一款全平…
日期:2022-05-23 点赞:0 阅读:474
精品
造字神器 Glyphs 教程!字体设计系列教程 NO.10 背景图层
教程作者:杨洋(极致设计平面设计实战营讲师) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 软件介绍 Glyphs 3 是一款 Mac …
日期:2022-05-23 点赞:0 阅读:1,006
佳选
PPT教程!让PPT更有设计感的30种绝佳方法(第6期)
教程作者: 老Lin(授权转载自公众号:一六视觉) 交作业:#极致设计每日作业# 关于教程 如果你也想让PPT能眼前一亮,演示时被更多人认可…
日期:2022-05-23 点赞:0 阅读:446
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站