figma基本插件,目前支持图层获取,后续计划将获取图层转化为代码,逐步完善中
点击图层,然后点击获取按钮便可获取图层数据
figma插件主要分为两个部分 code.js:运行在主进程隔离沙箱里,可访问专门的 API 来操作 Figma 文档 index.html:通过 iframe 嵌入在页面里的插件UI
两部分通过postmessage通信
index.html部分通过vue编译生成,支持两种模式:
- main.js以及css通过外链形式在index.html中引入,但是在开发的时候会比较麻烦,要先编译后再运行一个本地服务器供main.js和css运行,不然插件获取不到这两个资源。
- 把资源都打包到index.html,在使用前build一下即可,默认第二种模式。