在用的 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