1、下载figma客户端后打开

选择顶部菜单-》plugins-》development-》new plugin
选择第一个

选择最后一个

输入插件名,点击saveas就会将插件代码保存到本地磁盘

这就是插件的全部代码结构


以下是运行插件的步骤,您也可以在以下网址找到说明:https://www.figma.com/plugin-docs/plugin-quickstart-guide/此插件模板使用 Typescript 和 NPM,这是创建 JavaScript 应用程序的两个标准工具。首先,下载带有 NPM 的 Node.js。这将允许您安装 TypeScript 和其他库。您可以在此处找到下载链接:https://nodejs.org/en/download/接下来,使用以下命令安装 TypeScript:npm install -g typescript最后,在您的插件目录中,通过运行以下命令获取插件 API 的最新类型定义:npm install --save-dev @figma/plugin-typings如果您熟悉 JavaScript,TypeScript 将看起来非常熟悉。事实上,有效的 JavaScript 代码已经是有效的 TypeScript 代码。TypeScript 为变量添加类型注解,这使得代码编辑器(如 Visual Studio Code)能够在您编写代码时提供有关 Figma API 的信息,并帮助您捕获以前没有注意到的错误。更多信息请访问:https://www.typescriptlang.org/使用 TypeScript 需要一个编译器将 TypeScript(code.ts)转换为浏览器可以运行的 JavaScript(code.js)。我们建议使用 Visual Studio Code 编写 TypeScript 代码:如果尚未下载 Visual Studio Code,请下载:https://code.visualstudio.com/。
在 Visual Studio Code 中打开此目录。

将 TypeScript 编译为 JavaScript:运行“终端 > 运行构建任务...”菜单项,然后选择“npm:watch”。每次重新打开 Visual Studio Code 时,您都需要这样做一次。

就这样!Visual Studio Code 将每次保存时重新生成 JavaScript 文件。
运行插件

这是运行后的效果

具体的生成uniapp的代码,可以在code.ts中循环整个选择页的元素集合,获取集合的位置信息生成uniapp代码
ts示例嗲按摩
for (const node of figma.currentPage.selection) {
console.log(node)
} 网友回复
webgl与webgpu有啥不同?
Zero Trust的Tunnels怎么设置泛域名解析及http服务获取当前访问域名?
Spec Coding(规范驱动编码)和 Vibe Coding(氛围编程)有啥区别?
如何在国内服务器上正常运行未备案的域名网站?
Cloudflared 和WARP Connector有啥不同?
有没有让本地开源大模型越狱的方法或插件啥的?
如何使用Zero Trust的Tunnels技术将局域网电脑web服务可以公网访问呢?
编程领域ai大模型的排名是怎么样的?
如何修改别人发给我的微信笔记内容?
fbx、obj、glb三维格式模型如何在浏览器中通过three相互转换格式?


