找回密码
 立即注册
首页 业界区 安全 如何编写figma插件

如何编写figma插件

巴沛若 4 小时前
1、下载figma desktop
2、在设计图稿中新建插件,
1.png

3、输入插件名
2.png

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

 5、生成如下文件
4.png

 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个正方形。大功告成。
5.png

 
6.png

 

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

相关推荐

您需要登录后才可以回帖 登录 | 立即注册