巴沛若 发表于 2026-1-2 00:00:38

如何编写figma插件

1、下载figma desktop
2、在设计图稿中新建插件，

3、输入插件名

 4、选择插件形式，然后保存到目录中

 5、生成如下文件

 6、一定要查看readme.md，需要安装Node.js和typescript，然后，在您的插件目录中，通过运行以下命令获取插件 API 的最新类型定义：
npm install --save-dev @figma/plugin-typings
以上步骤必须要执行，要不然会编译报错找不到figma
7、编译code.ts为code.js，因为figma只识别js文件
# 开启监听模式，保存文件时自动编译：npm run watch<br>或者<br># 一次性编译：npx tsc<br><br> 8、还是在创建插件的地方可以看到已经创建的插件，选择我们的插件后，默认可以创建5个正方形。大功告成。

 

 

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

橘芜 发表于 2026-1-18 08:17:23

感谢分享，下载保存了，貌似很强大

阎一禾 发表于 2026-1-19 01:02:08

很好很强大我过来先占个楼 待编辑

水苯 发表于 2026-1-20 23:28:04

用心讨论，共获提升！

诀锺 发表于 2026-1-21 00:29:54

谢谢楼主提供！

贼瘁 发表于 2026-1-21 18:01:28

前排留名，哈哈哈

遑盲 发表于 2026-1-22 11:19:47

感谢，下载保存了

移国拱 发表于 2026-1-22 13:42:12

热心回复！

僭墙覆 发表于 2026-1-26 08:47:19

分享、互助 让互联网精神温暖你我

怃膝镁 发表于 2026-1-27 14:31:26

谢谢楼主提供！

老僻贞 发表于 2026-1-31 19:12:09

谢谢分享，试用一下

恃液 发表于 2026-2-2 11:01:30

收藏一下   不知道什么时候能用到

梁丘眉 发表于 2026-2-3 08:29:21

新版吗？好像是停更了吧。

骆贵 发表于 2026-2-3 08:29:27

yyds。多谢分享

周冰心 发表于 2026-2-3 09:57:27

热心回复！

虾氲叱 发表于 2026-2-4 05:51:45

喜欢鼓捣这些软件，现在用得少，谢谢分享！

司寇涵涵 发表于 2026-2-5 04:01:17

热心回复！

敕码 发表于 2026-2-5 10:48:52

分享、互助 让互联网精神温暖你我

米榜饴 发表于 2026-2-7 22:53:31

新版吗？好像是停更了吧。

梁丘艷蕙 发表于 2026-2-7 23:28:09

谢谢分享，辛苦了
页: [1] 2
查看完整版本: 如何编写figma插件