夜雨聆风学习资料网

ARTICLE · 1056779

第 33 套 Skill:Figma 插件,本地即用——天下没有难做的插件,从 UI/UX 设计领域开讲

第 33 套 Skill:Figma 插件,本地即用——天下没有难做的插件,从 UI/UX 设计领域开讲

今天,我要正式宣布一件想了很久的事:进军产品 UI/UX 设计领域。 说起来,"天下没有难做的插件"这个念头,早在我当初打算做设计系列 Skill 的时候,就一直在心里默念了。如今飞轮越转越快,是时候把它正式立成愿景,落地成一套套真正好用的 Skill 了。 为什么从设计领域开始?因为这里有一件让我惦记了很久的遗憾,也有一件让我特别兴奋的新发现。遗憾叫 Axure RP,发现叫 Figma。 这一退一进之间,是我这些年做插件最深的体会:插件,永远要站在巨人的肩膀上。


一、先说那个遗憾:Axure RP,我一度以为会是它

做 UI/UX 设计领域的插件,我第一个想到的老牌软件,其实是 Axure RP

它是产品经理、交互设计师用了很多年的桌面端原型设计工具,在圈子里地位很稳、市场占有率很大——这些印象,是我翻查资料时留下的。它确实是个值得被认真对待的老牌工具。

但当我认真调研它的二次开发能力时,心里凉了半截:

  • 它没有真正意义上的插件生态——不支持通过插件对设计文件做增删改查;
  • 官方提供的所谓 API,只是一个"技术预览"版的 .NET 库——而且只能读取 .rp 文件里的内容,不能写入、不能修改;
  • 没有公开的网络 API——没有 REST 接口,没有 Webhook,云端数据对你完全封闭;
  • 想自动化?官方论坛里的答案很直接:只能靠程序模拟鼠标去点。

一个只读、不能写、不能自动化改造的文件格式——这意味着,再厉害的人,也做不出"给 Axure 装插件"这件事。 它是一扇焊死的门。

我只好放下它,把目光转向设计领域另一个名字:Figma。

二、再说那个发现:Figma 表面是云端 SaaS,桌面端却能"本地造插件"

Figma 给我的第一印象,就是个"云端网页版设计软件"——打开浏览器就能用,所有文件都在云上,看起来跟"插件开发"八竿子打不着。

但深入了解后,我被它惊到了:它的桌面端,藏着一套完整的插件开发通道。

  • 插件不需要上架应用商店:Figma 桌面端有专门的"开发"入口(Plugins → Development),选一个 manifest 文件,插件就装好了——完全绕开审核,本地即用;
  • 改完立刻热重载:你改一行代码,在 Figma 里点一下重载,效果马上出现在画布上——不用重新打包、不用反复安装,开发体验快到飞起;
  • Windows、Mac 双端通吃:桌面端两个系统都支持插件,交付一遍,两端通用。

这意味着什么?意味着 Figma 表面上是一个"大厂 SaaS 云服务",实际上给个人开发者留了一扇完全敞开的门——不用注册开发者账号、不用审核、不用上架,你自己写的插件,自己导入就能用。

这简直是为"个人用户按自己喜欢的方式造工具"量身定做的环境。

所以,Figma 就是我进军 UI/UX 设计领域,落下的第一站。

三、大转弯:回到我最擅长、最认可的战场——商业软件插件

有人可能会问:你从办公软件做到独立工具、做到业务系统,现在怎么"又"回来做商业软件插件了?

我要跟你说句心里话:这不是"又",这是"回"。

做了这么多套 Skill,我越来越确认一件事:插件开发,是我最擅长、也最认可的领域。 原因很简单——

插件,是站在巨人肩膀上的开发。

想想看:Figma 有十几年打磨的图层系统、组件体系、自动布局、设计变量……3ds Max 有几十年沉淀的三维建模内核,SolidWorks 有机械设计界绕不开的规则。这些巨型商业软件,花了十几年、几十年,把最复杂的领域逻辑沉淀成了一个个稳定的功能。

而做插件的人要做的,只是调用它们已经给好的接口,把功能组合起来——就能把软件的潜力,再往上推一层。

  • 你不需要从零写一个设计引擎,Figma 已经写好了;
  • 你不需要懂渲染原理,软件已经封装好了;
  • 你要做的,只是说一句话,让 AI 把这些能力接起来,变成你自己的工具。

这就是为什么我一直说:插件是性价比最高的开发。 巨人的肩膀已经搭了几十年,你只需要站上去。

四、为什么插件能"降维打击"?因为程序天生会两件事

说回设计软件本身。你有没有想过一个问题:为什么设计师总觉得重复操作累?

因为软件的设计逻辑,是"单一动作":你选中一个图层,改一个颜色,点一下;再选一个图层,再改,再点。每一次操作,都只能处理当前这一个对象。

人做这件事,有几个绕不开的极限:

  • 手速极限:手点鼠标能有多快?一百个图层改名字,点一百次;
  • 耐心极限:重复操作三十分钟,人就开始出错——漏改、改错、忘保存;
  • 正确率极限:人不是机器,手一抖、眼一花,错就来了。

而编程语言天生会两件事,正好把这三个极限全部击穿:

第一件:分支。 程序可以"如果……就……否则……"——遇到不同条件、不同情况、不同选择,自动走不同的路。人要做判断的活,程序替你判断。

第二件:循环。 程序可以"对每一层执行同样的事"——一百个图层、一千个节点,循环一遍,全改完。人不可能手点鼠标点到冒烟,但程序可以,而且它比你点得快、不喊累、不出错。

这两件事加在一起,就是降维打击:

同一件事:人花一小时手工重复,正确率看心情;程序花一秒跑完,正确率 100%。

这不是"快一点点",这是完全不同维度的差距。

五、所以,这套 Figma 插件 Skill 长这样

说回这套 Skill 本身。它走的是我一贯的路线:零基础用户,说句话,AI 全包。

你只需要告诉 AI:

  • "帮我做个把选中图层批量重命名的插件";
  • "帮我做个调色面板,选中图层点一下就换色";
  • "帮我做个批量导出选区的工具"。

AI 会判断走哪条路,然后从头到尾帮你做完:

三条路线,按需求自动选:

你的需求
AI 走的路线
批量处理,"选中 → 点一下生效"
命令式插件
(无界面,零依赖,最轻)
要界面、要调参、要保存设置
UI 面板插件
(带界面,像商店里的正经插件)
要持续迭代、多人协作、逻辑复杂
工程化路线
(TypeScript 骨架,稳)

验证与交付,依然是死磕过的:

  • Figma 不支持无界面运行,所以我把能自动验证的全部提前自动做掉——用模拟环境真实执行插件代码、跑场景断言,交付前再扫一遍语法、清单、红线;
  • 交付物是双击安装脚本(Windows / Mac 各一份)+ 一次导入指引——你在 Figma 桌面端导入一次,就装好了;
  • 以后要改?热重载,点一下看效果,不用重新装。

你不需要懂插件 API、不需要懂 JavaScript、不需要注册开发者账号、不需要上架审核。说句话,插件就到手;装一下,就能用。

六、几个细节,背后都是踩过的坑

最后简单说几个我提前踩平的坑,让你知道 AI 生成的插件为什么"装了就正常":

  • "双进程"是第一坑:Figma 插件分两个世界——代码世界(能操作画布)和界面世界(能画界面),两个世界只能通过消息通信,跨线乱写,插件直接哑火;
  • 字体必须先加载:任何"改文字内容、改字号"的操作,之前必须先把字体加载好,否则直接报错——这是 Figma 插件第一大报错源;
  • 颜色不是 0–255:Figma 里颜色是 0–1 的小数,直接填 255 写出来的就是错色;
  • 网络请求有白名单:插件要用网络,必须在清单里声明允许的域名,否则被静默拦截。

这些坑,我在 Skill 里全部写成了红线清单——AI 写任何代码前先过一遍,装到你电脑上的,都是踩平过的路。

写在最后

写这篇推文时,我其实挺感慨的。

从 Excel 到 WPS,从三维建模到机械设计,从业务系统再到今天的 UI/UX 设计——我绕了一大圈,又回到了商业软件插件这个我最认的战场。

因为我越来越确定一件事:这个世界不缺功能,缺的是"把功能按你的方式组合起来"的能力。 而插件,就是这种能力最好的载体——它站在巨人的肩膀上,把十几年的领域积累,变成你手边一个顺手的工具。

今天起,我的愿景正式立在这里:天下没有难做的插件。

所有值得做的、支持二次开发的商业软件和开源软件插件,我都想一个一个做一遍。 用户群体大的、体量大的,优先做——因为帮到的人多,价值就大。

Figma,就是这条路上的第一站。欢迎大家一起见证。

这套 Skill,其实是为你准备的——如果你自己就在用 Figma,或者在做产品、做原型、做交互相关的工作,说句话,AI 就帮你做出自己的设计工具,批量重命名一百个图层这种破事,从此跟你无关。

就算你暂时用不上,这套玩法也值得你叫上身边的人,一起来把 AI 编程玩转——自己顺手,比什么都强。

第 33 套 Skill。天下没有难做的插件,从今天开始。

想体验全套免费 Skill?欢迎加好友进入免费社群,关注公众号,后台回复「Skill」,不要理会AI自动回复,等我发联系方式,加好友进群自助获取。

相关学习资料