热门工具

无名的人
发布于 09月18日
Guideliner 是一款创建指南的插件,可通过应用基本构图规则帮助您设计出出色的布局。
https://www.figma.com/community/plugin/1060920071257624917/guideliner
无名的人
发布于 09月12日
https://www.figma.com/community/file/1154730991789332817/Choosing-Onboarding-Methods-and-Components 如何选择合适的新用户引导方法——从弹出框、徽章和提示到标志、消息弹窗和卡片,以及如何选择合适的方法。

无名的人
发布于 09月11日
自动生成矢量的Vector points,方便用在产品介绍页里,给自己的 LOGO 增加一些设计感
https://www.figma.com/community/plugin/1024004436621409385/Vector-Points

Hal
发布于 09月08日
Figma 周二预告接下要发布一大波 Little Big updates,今天发布了四个关于左侧资源面板(assets panel)的更新。这些更新包括:
搜索过滤优化
更大一些的组件预览图
Hover 时显示变体数量
显示可交互的组件预览
我觉得最值得看的就是第四个,点击时显示组件预览,可以先调节为自己想要的状态再置入画布,更加明确和方便。
Hal
发布于 09月06日
今天在社区发现了一个 AppleScript 脚本,可以精确控制 figma 窗口的尺寸。这在预览原型时很有用,如果我们按照实际尺寸预览,旁边可能有黑边,此时用这个脚本直接缩放至实际尺寸,就不会有黑边了。我把这个脚本简化了一下,可以点击这里下载,双击打开后运行即可使用(需要先在隐私与安全性 -> 辅助功能中开启脚本编辑器的权限)。


无名的人
发布于 09月06日
Ruri Splines 是一个用于创建完全可定制的样条线和抽象形状的插件。
https://www.figma.com/community/plugin/1094343067414782306/Ruri-%E2%80%93-Splines
Hal
发布于 09月06日
Figma 正在内测 library viewer,目前还看不到,估计是可以在一个单独的页面集中看到所有组件(components)、变量(variables)和样式(styles)。我倒是希望有一个页面可以统一管理,现在管理 variables 要在一个弹窗中,还不能变大,管理样式就更憋屈了,只能在右侧面板中管理,很不方便。

Hal
发布于 08月30日
Figma 正在测试社区 library,可以在自己的设计文件中打开来自于社区的 library,并使用里面的组件和样式。但是不知道这个会不会对免费版团队开放,因为免费版不能发布和使用库,如果可以使用社区的 library 也挺好的。

Hal
发布于 03月03日
Config 2023
Figma 一年一度的 Config 大会即将开始,预计为6月21日至22日两天,线下(旧金山)和线上都可以。一般在大会上 Figma 会宣布一些重磅的新功能,来自全世界各地的设计师也会分享一些经验。
目前大会在征集讲者,报名链接为:
Hal
发布于 02月07日
Figma to Webflow
这是一个可以将 Figma 设计转化为 Webflow 设计的插件,在 Figma 中的自动布局等都可以自动转为对应的 Webflow 属性。此外,你还可以直接导入 Webflow 模板到 Figma 画布,更加快速地启动设计。

Hal
发布于 2022年12月18日
你的 Figma 年终总结
又到年底了,各家都开始推出年终总结,对于 Figma 来说,我想象中的年终总结是这样的:
你今年一共创建了 198 个文件,其中 188 个文件在 3 天后再也没动过;
你今年最大的文件有 50w+ 图层,这意味着大部分时间都有一个红色警告条相伴;
你今年一共 detach 了 190000 个组件,成为团队中 detach 之王;
……
但实际上,Figma 的年终总结只是一个 FigJam 文件,通过回答几道题目,来推测你的 Figma 人格,比如画布船长、贝塞尔曲线搓球机、狡猾的解组器,感兴趣可以点击下面的链接复制文件来测试。

Hal
发布于 2022年12月08日
Figma 新功能:拼写纠正
Figma 新功能拼写纠正上线,可以标记出写错的单词,并提供纠正选项。目前还不支持中文,所以有可能会给中文标记错误,此时可以右击出错的地方,把拼写纠错关了。
与此同时,Figma 还上线了 text review api,插件开发者可以基于自己的语料库来实现定制化的错误纠正,或者其他有意思的事情。比如,Magician 基于这个接口实现了 AI 辅助文案润色。还有人基于此做了个你写开头 AI 帮你继续编的插件。
最后,咱们可以欣赏一下 Figma 给这个新特性做的视频。


Hal
发布于 2022年12月05日
将任何网页转为 Figma 设计稿
最近在用 Framer 做一个落地页,但是做完后发现不能导出图片或 HTML,于是曲线救国用了这个插件,将 Framer 发布的网页转为设计稿,效果还挺好。之前这个插件一直有个缺点,就是只能转换公开页面。最近这个工具推出了 Chrome 插件版,登录后才能看到的页面也可以转啦。
插件安装链接:https://www.figma.com/community/plugin/1159123024924461424/html.to.design

Hal
发布于 2022年11月24日
AI 辅助设计
之前 Jordan Singer 很久之前就介绍了他们开发的 AI 辅助设计的 Figma 插件 Magician,只是一直处于内测。最近,他们发布了一些实际使用场景,比如输入一句话生成图标、自动优化文案、输入一句话生成图片等,看起来还挺神奇的。
感兴趣的话可以去官网安装并申请内测资格:https://magician.design/

Hal
发布于 2022年11月20日
Figma 总是触发放大镜的 bug
大家最近使用 Figma 是不是遇到了光标变成放大镜的问题?我研究了一下,找到了“罪魁祸首”,就是前面提到的键盘布局。具体复现步骤如下:
打开键盘布局(Control Shift ?,选择右侧的 Layout),选择 Chinese 键盘布局;
创建一个文字图层,使用拼音输入法输入;
如果输入的拼音里面有 Z,退出编辑时就会必现。
我已经将这些信息提交给官方,官方也回复我了,大家静待修复吧。在修复之前,可以按下 Z 键切回选择光标,或者将键盘布局切换为 Generic。
Hal
发布于 2022年11月20日
针对 Figma Viewer 的插件
Figma 插件只有 editor 可以用,我之前曲线救国做了一个 Chrome 插件,可以让 viewer 也用上 Figma 插件。这样大家就可以做很多有意思的事情了,比如做一个插件来提高 inspect 面板的体验。今天咱把它开源出来,希望可以帮到更多人。
Hal
发布于 2022年11月20日
Figma 更新了很多小细节
Figma 偷偷更新了一些小细节,如果不注意都发现不了。 1、在右侧面板直接创建样式(无需先创建图层) 2、等比例缩放支持输入数字(输入倍数或者宽/高度) 3、支持设置键盘布局 不过设置 Ch阅读原文
Hal
发布于 2022年11月17日
Figma 支持直接创建样式(无需从图层创建)
最近发现 Figma 支持直接在右侧面板创建样式了,而不需要先创建图层。什么都不选,在右边 Local styles 那里有个加号,点击就可以创建样式。不过,这个弹出来的面板设计有失水准啊。

Hal
发布于 2022年11月15日
Figma 原生支持按倍数、尺寸等比缩放啦
Figma 原本只支持拖拽等比缩放(按下 K 键),如果需要按照倍数或者制定宽度、高度等比缩放,需要使用插件(比如 Skale)。现在,Figma 终于支持原生按倍数或尺寸等比缩放啦!
只需要按下字母 K,选中一个元素,在右侧就能看到输入倍数或者尺寸的地方,你还可以选择缩放中心。
Hal
发布于 2022年11月13日
给开发或产品看的 Figma 教程
之前的视频都是给设计师看的,这一次我录制了一个给开发或产品经理的使用指南,欢迎观看。 阅读原文
Hal
发布于 2022年11月12日
Figma Schema 2022
Figma Schema 是一个关于设计系统的会议,很多设计师会分享关于设计系统的内容。今年的线上会议是11月16号,可以通过下面的链接注册。
https://schemavirtual2022.figma.com/event/registration
今年大会的嘉宾来自 EightShapes、Dropbox、Uber、Zalando、Brainly、Atlassian,主要议程在下面这个网址可以查看。
Hal
发布于 2022年11月12日
50 个 Figma 提示和技巧,让你设计时快如闪电 ⚡️
Greg Rog 整理了 50 个 Figma 快捷方式和技巧,可以让你设计时快如闪电,早早下班。推荐观看,一定有你不知道的。 阅读原文
Hal
发布于 2022年11月08日
Figma 常见问题与基础操作
在使用之前 Figma 如何收费? Figma 最新的收费策略见:https://figmacn.com/post/starter-plan-updates Figma 以团队->项目->文件的阅读原文
Hal
发布于 2022年11月07日
史上最全 Figma 快捷键(持续更新……)
无意中搜到的一份 Figma 快捷键大全,但是没有 Mac 的,我补充了一下,这下应该全了。速速浏览一遍吧,肯定有你不知道的。 必备快捷键(9 个) Mac Windows 作用 Ctrl 阅读原文