在用的 Figma 插件(一)

得益于 Figma 集中式社区内容管理,越来越多的插件如雨后春笋般冒出来。插件的诞生都基于生产过程中无法流畅解决的事情,基于切实的需求自然会有它的群体。所以你会发现,你可能下载了很多 Figma 插件,但是它们居然都是有用的!

而我现在对 Figma 最大的需求就是,有一个完善的插件管理机制。在这之前,我认为我需要每隔一段时间去复盘一下自己安装的插件,以确保生产过程前和过程中都不会卡住思路,或者走弯路。

顺便一提 @Tovi 之前也做了一个 FEATURED FIGMA PLUGINS. 项目,推荐一下。

→ 第二期

顺序按照默认的 A-Z。

A11y – Color Contrast Checker

微软推出的最早的一批插件之一,选择一个 Frame 后检查所有文字图层的颜色对比度,大 Frame 偶尔会失灵。一般情况下会被下面的插件所替代。(可能写完这篇文章就删了)

Able – Friction free accessibility

选择任意带有颜色填充的图层,查看其对比度。比上面的插件更实用一些。而且带有视力障碍模式的预览:

Autoflow

虽然看名字有点像又复杂又价格不菲的东西,但实际正好相反。Autoflow 可以帮你自动在两个元素之间连线(画箭头),只需选中一个图层后,按住 Shift ⇧ 点击另一个图层就可以连出规整的箭头,很实用。样式还可以自定义。

Avatars

和微软的 Content Reel 不同,这个头像多一点……

Better Font Picker

在官方优化字体选择器之前的替代品,不光可以搜索中间部分的关键词,还可以预览字形。但是没有优化中文字体名称,所以对应的有个 Chinese Font Picker

Blobs

随机 blobs 图形生成器,画插画时总会用上。

Blush

Pablo Stanley 的插件之一。免费版也可以获得一些可商用插画,只不过不能编辑。

Bunch Text Changer

批量修改文字内容,相当实用的小工具。Sketch 上也有同名插件。

Charts

数据可视化生成。各种表格频饼图之类,默认样式比较简陋,一般情况下需要自己再改改。

Chinese User Data Generator

Figma Cool 的插件之一。针对国内用户优化的占位数据生成。有名字、年龄、Email、地址和省份城市等,里面的占位文本随机性强生成过乱不建议使用。

Circular Text

顾名思义,生成圆形排布的文本。但不是那种根据路径生成的,实际上只是单纯的文本按照圆形排序。生成的结果也只是一个一个字母而已。

Clean Document

清理文档中的隐藏图层、对单一图层编组进行取消编组、像素对齐、智能重命名和排序,只需一键。

Color Search

搜索一个名词(或者其他),会自动出现关联的五种颜色。之前是有和这个类似的网页端项目。Figma 这里后续会自动创建 Local Color。

Content Reel

上面提到过,微软推出的一个占位信息生成。种类多但是每种可轮换的信息数量较少。

Crypto Password Protection

加密分享 Frame 的插件。原理是选择一个 Frame 后生成图片上传到 crypto.figmaticapp.com,然后生成链接和密码。虽说 Figmatic 也推出过不少插件了,耳熟能详,但不排除其他风险。

Deck – Beta

直接把多个 Frames 转换为 .PPTX。这样你的幻灯片每页不再是一张图就完事了。目前 Sketch 上正式推出,Figma 还在 Beta 测试,尚无收费提示。

Detach Master

最有用的插件之一。由于 Figma 的组件(安全)机制,只允许 Detach Instance,这个插件则是可以直接 Detach Master 组件,之后在实例里,选择 Restore Master 组件即可。更多适用于跨文件的组件共用。

Dot Grid

就是生成 Dot Grid,简单直接。

Easometric

等距视图工具。虽然参数不可调,但是可以有四种方向的转换。

Edit Text

原本是为解决 Figma 中的 CJK 字符输入 bug 而诞生的插件(输入时字符有时会消失或回撤)。后来在某个版本修复了这个 bug,这个插件也成了纪念用,

Favvy Favicon Exporter

为网页或 PWA 应用导出 favicon。缺点是打开速度有时会很慢。

Feather Icons

知名开源图标集 Feather 的 Figma 版。和 Sketch 版不同的是,里面都是描边属性的图标,普通的放大缩小不会改变其粗细,需要按 K 切换缩放机制。而且图标的生成不会自动“融入”到 Frame 里,需要拖出 Frame 再拽回来。

Figmotion

本质是 keyframe 的生成工具,囊括的属性也是遵循keyframe 性质而来。关键帧只在一个 Frame 完成,效果只能说比较勉强。并不常用,但没有替代。

Filter

强大图片滤镜插件,独此一家。缺点是预览的尺寸窗口太小了。

Find and Replace

就是编辑器里常用的查找&修改,泛用性更高。“replace them just like a text editor.” 还可以修改图层名,搭配其他插件时很好用。

Find and Replace Colors

全局查找颜色并批量替换。不过目前仅支持16进制颜色值。

Flipbook Animator GIF

一般的原型动作里会有诸如 After Delay 的脚本,去执行一定时间自动跳转到下个页面的动作。当这个时间间隔缩小到几百几十毫秒时,就会形成 Flipbook 的效果。这个插件做的就是这样的事。一些 Pro 功能和水印需要付费。有 GiffyCanvas 后基本这个就接灰了。

Fonts Changer

总是看成字体充电……其实只是单纯批量变换字体。改字一条龙服务。

Get Waves

https://getwaves.io/ 的插件版本。但是当变形段数多的时候,看不来就不像浪了。

GIF

虽然 Figma 已经支持在原型演示中播放 GIF,但是尚未能在设计阶段看到 GIF 动起来,这个插件解决了这件事。并且可以导出带有 GIF 的 Frame。

GiffyCanvas

比 Flipbook Animator GIF 有更多的选项操作。相对比隔壁的 Gifmock,这个完全免费,主要功能一样也不落下。

Guide Mate

方便地生成辅助线。当年 Photoshop 上最受欢迎的插件之一。

Humaaans for Figma

知名插画设计系统。用 .figma 文件生成的内容比插件其实更丰富。

Image tracer

位图自动转矢量。大多场景适用于一些现有品牌位图 Logo 的转换。有时会丢失一些区域,

Juuust Handoff

Figma 本身的 handoff 已经比较完善了,这个照顾国内常使用类似蓝湖墨刀的某些老年开发用的一个插件。有时客户企业性质特殊打不开服务器身处国外的 Figma 文件时,也会使用这个预览设计。简单好用,详见说明

LottieFiles

就是 LottieFiles 的官方插件。最近他们还搞出一个 macOS 上的客户端。

Movie Poster

比较喜欢的一个应用 MUST 团队出品的一个插件,从他们的数据库里随机拽出一张电影海报。

Neumorphism

“新拟态”样式生成。没啥好说的。

Pattern Hero

选择一个图形后让它按照一定规则 repeat 形成 pattern。但是最近 Shuffle Nodes 好像有点不好使。

Phosphor Icons

以 32*32 为基本尺寸的线性图标库。用腻了 Feather 可以换换口味。

Random layout generator

设置好行数列数等参数就可以生成一套随机布局。并自带两种风格,wabi-sabi 和蒙德里安……

Recognize

免费的 OCR 功能插件。支持多国语言,但是准确率有点堪忧😓。对于中英有时 QQ 截图工具中的“识别”准确率更高,也不麻烦。

Remove BG

RemoveBG 的知名度不用多说,想必都很了解。插件版设定 API 后即可在画板里清除背景。老样子每月免费50张,并会限制分辨率。免费额度用完了就到网站上使用,总之还是很实用的。

Rename It

带有正则的重命名图层名的插件。如果不喜欢被人监视、建议禁止掉作者加入的 Google Analytics。说实话一个功能简单的插件我不是很了解加入 GA 会分析出什么……

Shadow Maker

可以制作出更真实的阴影。比 SmoothShadow 可定制选项更多些(比如致命的角度需求),但从插件推出时间上来说,SmoothShadow 更早一些。

Style Organizer

对于一些从 Sketch 转移过来、旧的没有进行样式归类的文件,可以非常方便地使用这个插件来机型批量管理命名。

Timer

非常有意思的插件,也是基于今年更多的线上会议需求而生,Figma 的协作愈发常用。 Timer 的作用就是,以 HH:MM:SS 的格式输入文本后,插件会使文本自动变为倒计时。很适合会议的倒计时、deadline 之类的场景。作者还提供了几个时钟模板 → 地址

To Path

选择一条曲线和任意一个对象,即可使选中的对象按照曲线排序并克隆下去。类似 C4D 中的功能。

Translator

将选中的文本翻译成相应的多种语言,本地化的常用插件。由于各语言在菜单中的去歧义,所以使用快捷键 ⌘+/ 输入搜索想要翻译成的语言,就会直接看到选项。

Truncate Lines

懒人插件之一。选择一段文本,设定行数和超出内容的缩略符号,即可生成相应格式的缩略内容。一般评价列表、简介等元素会用到。

Unlocker

解锁所有已锁定的图层。

Unsplash

最早期的一批插件。因其高质量的图片占位图而一直尚未被淘汰。

Vectary 3D

人称小 Dimension,即使是免费的模型也足够实用。如果自己经费充足的话一定会支持他们一下。

Vector Map

选择一个国家或者区域,生成它的矢量地图图形。一般作为背景用,精准度摆在那里,还是不要铤而走险。

Workshop

和上述 Timer 类似,只不过加入了更多的会议功能。除了自带的倒计时外,还可以一键添加 sticky notes,以及带有辅助线的 Frame。

. . .

Figma 的插件层出不穷,之后碰到实用的再攒一起发出来。

发表评论

Fill in your details below or click an icon to log in:

WordPress.com 徽标

您正在使用您的 WordPress.com 账号评论。 注销 /  更改 )

Google photo

您正在使用您的 Google 账号评论。 注销 /  更改 )

Twitter picture

您正在使用您的 Twitter 账号评论。 注销 /  更改 )

Facebook photo

您正在使用您的 Facebook 账号评论。 注销 /  更改 )

Connecting to %s

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理

%d 博主赞过:
search previous next tag category expand menu location phone mail time cart zoom edit close