如何编写figma插件

1、下载figma desktop

2、在设计图稿中新建插件,

image

3、输入插件名

image

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

image

 5、生成如下文件

image

 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
或者
# 一次性编译:npx tsc

 8、还是在创建插件的地方可以看到已经创建的插件,选择我们的插件后,默认可以创建5个正方形。大功告成。

image

 

image

 

posted @ 2026-01-01 23:18  fightinglive  阅读(3)  评论(0)    收藏  举报