Day 26. 我要准时下班- Figma Plugin (上)

Figma 的功能已经相当强大,但多少还是会缺乏一些功能,当我们有需要的时候,便可到社群里用关键字查找,看看有没有开发者已经开发出可以扩充的插件 (Plugin)。

从左上方自己的帐号点击向下箭头 > Community ,就可看到拥有丰富内容的社群
https://ithelp.ithome.com.tw/upload/images/20211011/20105528TD6MwEHed5.png

预设是探索全部,点选第二个选项「Plugins」,就能看到目前的plugin排名,分别点击进去便能看到说明介绍与使用方法。
https://ithelp.ithome.com.tw/upload/images/20211011/201055288p5BqbJhnN.png

安装 Plugin

点击 Install 就能直接安装。集中管理搜寻,一键安装,是不是像 App Store 一样非常方便直觉?

使用 Plugin

安装好之後,进到设计档案里,点击左上角下拉键 > Plugin,再点选当下要使用的 plugin,就可以在目前的档案中使用了。
CallOutPlugin.gif

每个 plugin 的使用方式都不太一样,若不太会用,可回到 Home,点击右上角的头像下拉键 > Plugin,再选择目标 plugin,到介绍页里去查看介绍与使用方法。

CheckINstalledPlguin.gif

推荐 Plugin

好用的 Plugin 有很多,但 Plugin 其实就是外挂,且开发者都是不同人,当外挂装的愈多愈吃效能,有时候不同 plugin 之间也会有冲突的状况发生。所以我们求精不求多,plugin 只安装自己真的用的到,且优质的就好。

介绍几款 Rson 使用後觉得相当好用,且的确能够大幅提升设计生产力的插件,条列如下给各位参考 。 (五颗星为满分)

Unsplash

需要好看、高画质、合法授权的图片做设计时,必装的插件 Unsplash。

https://ithelp.ithome.com.tw/upload/images/20211019/20105528btzlpzE6yo.png
通用指数:★★★★★
必装指数:★★★★★

Content Reel

做设计排版时经常需要一些看起来真实的假资料填充,此时可考虑使用 Content Reel 这个插件。

https://ithelp.ithome.com.tw/upload/images/20211019/20105528BUI3MjJTyK.png
通用指数:★★★★★
必装指数:★★★★

Material Design Icons

若你很常设计手机 UI,且又大多是设计 Android,那麽安装这个套件的好处就是不用每次都还要自己去 Material Design 官网自行下载 icon ,直接找到要用的 icon ,拉出来就可以使用 (因为是向量档,所以也可以再叠加设计)。

https://ithelp.ithome.com.tw/upload/images/20211019/20105528MSEJaYR3WY.png
通用指数:★★★
必装指数:★★★★

Lorem ipsum

大名顶顶的假字填充功能,此套件可输入想产出的文字数或句子数,相当方便,建议必装。 (若需中文假字可参考类似的套件,Lorem ipsum zh-tw)

https://ithelp.ithome.com.tw/upload/images/20211019/20105528cgMuopVpJ9.png
通用指数:★★★★★
必装指数:★★★★★

Translator

设计多国语言介面版本时,可先用此套件做简单的翻译 ( Rson 主要是拿它来检查各文字栏位会不会在不同语系下断行导致破板,而不是直接做翻译;多国语言介面的翻译,建议还是外包找 Technical Writer 翻译完,再交接到我们设计师手上,新增多国语言设计档,文案、描述也是 UX 要障的一环,这样的多国语言介面会专业的多)

https://ithelp.ithome.com.tw/upload/images/20211019/201055280xSiH7gjdC.png
通用指数:★★★★
必装指数:★

善用 Plugin 可帮助我们节省大量的做稿时间,不过千万别因此而过渡倚赖插件哦, 熟练基本功还是最重要的。Rson 建议大家在刚开始学习 Figma 的时候先别急着搜寻、安装各种插件神器,等到 Figma 基本功都已经驾轻就熟及彻底掌握了原理之後,再来寻找几个自己称手的插件,增加实作效率。


<<:  [第二十六只羊] 迷雾森林舞会XV 继续整理房间

>>:  JS 26 - 进阶版互动视窗!不只警告、确认和提示,还有导览功能!

[Day28]Hashmat the brave warrior

上一篇介绍了Vito'sfamily,这一题题目讲那麽多,但其实主要是考我们找出中位数,并让每个数都...

Day 9 Self-attention(三) input相关联性计算

Self-attention 首先先把a1乘上Wq,就会得到q1,q的意思是query,也就是查询的...

Day25:【技术篇】JavaScript 套件 - classnames

一、前言   classnames 是一个方便 JavaScript 管理 class name 的...

Day09 测试写起乃-FactoryBot(1)

在测试时常会需要建立假资料以供测试使用,就可以安装 FactoryBot 来建立资料 安装 Fact...

15. HTTP request methods ( 上 )--- GET vs. POST

HTTP 定义 网路通讯之间必须有共同的标准,而为了界定这些标准,於是产生协定(Protocol)。...