如何编写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文件

1. # 开启监听模式，保存文件时自动编译：npm run watch<br>或者<br># 一次性编译：npx tsc<br><br>

复制代码

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

 

 

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

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

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

用心讨论，共获提升！

谢谢楼主提供！

前排留名，哈哈哈

感谢，下载保存了

热心回复！

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

谢谢楼主提供！

谢谢分享，试用一下

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

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

yyds。多谢分享

热心回复！

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

热心回复！

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

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

谢谢分享，辛苦了