Slint Figma 插件发布指南从构建到上架 Figma 官方商店的完整流程【免费下载链接】slintSlint is an open-source declarative GUI toolkit to build native user interfaces for Rust, C, JavaScript, or Python apps.项目地址: https://gitcode.com/GitHub_Trending/sl/slint本篇指南以tools/figma-inspector/PUBLISH.md为核心详细讲解 Slint 项目官方 Figma 插件「Figma to Slint」的发布流程从前置条件Figma 账号 2FA、团队管理员权限、插件构建、manifest.json导入到 Figma Desktop 中的「Manage Plugins → Publish」完整操作链。读完本文你可以完整掌握该插件的打包产物结构、Figma 商店发布的每一步操作与失败排查要点并能结合仓库源码理解manifest.json各字段与插件权限配置的对应关系。为什么 Figma 插件发布必须人工操作Figma 官方商店的发布流程是纯手动的无法通过脚本或 CI 自动化完成。这是 Figma 平台本身的限制发布动作必须在 Figma Desktop 应用内、以已登录且具备发布权限的账号身份执行并经过人工填写表单、确认团队归属等环节。因此任何自动化流水线都只能把插件构建产物准备到位最后一步的「点下 Publish」必须由具备权限的维护者手动完成。对应到当前仓库插件的构建产物与发布元数据由以下文件控制发布说明原始文档tools/figma-inspector/PUBLISH.md插件功能与开发说明tools/figma-inspector/README.md插件清单与权限配置tools/figma-inspector/figma.config.ts构建配置tools/figma-inspector/vite.config.ts 与 tools/figma-inspector/vite.config.code.ts发布前置条件在开始发布之前必须确认以下两个账号层面的硬性要求缺一不可拥有一个有效的 Figma 账号且必须开启两步验证2FA。Figma 官方规定未开启 2FA 的账号无法提交插件这是发布环节的硬性门槛。拥有 SixtyFPS GmbH 在 Figma 团队下的管理员Admin账号。只有团队管理员身份才能执行发布操作普通成员或外部协作者没有 Publish 入口。从仓库源码可以看出该插件由 Slint 团队SixtyFPS GmbH官方维护backend/code.ts 的文件头声明了版权归属SixtyFPS GmbH infoslint.dev这也是发布表单中支持联系邮箱infoslint.dev的来源。第一步按 README 构建插件发布前先完成插件的本地构建。构建入口与产物说明见 tools/figma-inspector/README.md 的Development章节核心命令如下pnpm install # 首次安装依赖 pnpm build # 构建插件构建完成后产物位于dist/目录其中包含发布必需的 dist/manifest.json由figma.config.ts生成以及code.js插件后端脚本与index.html插件 UI。关于manifest.json的字段可以对照 tools/figma-inspector/figma.config.ts 理解manifest 字段配置值含义nameFigma to Slint插件在 Figma 商店中显示的名称id1474418299182276871Figma 插件唯一 ID商店链接依赖该 IDapi1.0.0使用的 Figma Plugin API 版本maincode.js插件后端入口对应vite.config.code.ts中打包的 backend/code.tsuiindex.html插件 UI 入口由 Vite 单文件插件内联editorType[figma, dev]同时支持 Figma 编辑器与 Dev 模式capabilities[codegen, vscode]支持 Dev 模式代码生成与 VS Code 扩展集成networkAccessallowedDomains: [none]插件不发起任何网络请求符合安全审查要求documentAccessdynamic-page仅按需访问动态页面内容其中codegenLanguages声明了代码生成语言codegenPreferences定义了插件设置项useVariables是否将 Figma 变量引用为 Slint 属性路径这两项直接对应 backend/code.ts 中读取figma.codegen.preferences.customSettings.useVariables的逻辑。第二步登录 Figma Desktop 并切换团队打开Figma for Desktop使用slint.dev域名下的账号登录即满足 2FA 与团队管理员要求的那一个账号。检查左侧边栏Left Sidebar的团队下拉框确保当前团队是 SixtyFPS GmbH。这一步是发布流程中最容易被忽略的坑Figma 默认会选中你个人的团队Personal Team而不是插件所属的组织团队。如果停留在个人团队下后续发布表单中的 Publisher 下拉框将不会出现 SixtyFPS GmbH 选项。若发现下拉框缺少该团队返回本步骤重新切换团队即可。第三步通过 manifest.json 打开插件在 Figma for Desktop 中通过以下方式加载本地构建的插件打开 dist/manifest.json 文件即pnpm build产出的 manifest。Figma 会识别该 manifest 并注册插件插件名称为Figma to Slint。这一机制与 README 中描述的「开发导入」一致right-click → Plugins → Development → Import Plugin From Manifest...选择dist/manifest.json。发布场景与此相同只是最终动作从「开发运行」变为「商店发布」。第四步进入 Manage Plugins 并选择发布在 Figma for Desktop 顶部菜单选择Plugins → Manage Plugins...。在插件列表中找到Figma to Slint点击其右侧的菜单按钮三个点的省略号图标。在弹出的菜单中选择Publish进入发布表单。第五步填写发布信息并确认归属进入发布表单后逐项核对以下内容确保所有字段均已填写完整包括插件名称、描述、图标、封面图等商店展示信息。漏填任一必填项都会导致提交被拒绝。支持联系Support Contact必须填写infoslint.dev该邮箱与仓库源码中插件版权声明一致见 backend/code.ts 与 backend/utils/property-parsing.ts 的文件头。确认 Publisher 显示为 SixtyFPS GmbH 而非你的个人账号。这是发布归属的关键校验点——如果 Publisher 下拉框中没有 SixtyFPS GmbH 选项请回到第二步确认当前处于该团队上下文。第六步提交发布所有信息确认无误后点击Publish提交。提交后插件进入 Figma 官方审核流程审核通过后即可在 Figma Community 中搜索到该插件当前商店 ID 为1474418299182276871对应 tools/figma-inspector/figma.config.ts 中的id字段。发布前的自检清单与常见问题结合发布流程与仓库源码整理一份发布前的自检清单检查项通过标准2FAFigma 账号已开启两步验证团队身份账号为 SixtyFPS GmbH 团队管理员当前团队Figma Desktop 左侧边栏选中 SixtyFPS GmbH构建产物pnpm build成功dist/manifest.json存在插件已打开通过dist/manifest.json成功加载Figma to Slint表单字段名称、描述、图标等全部填写支持邮箱infoslint.devPublisher显示为 SixtyFPS GmbH常见问题与排查方向发布菜单不出现或 Publisher 缺少 SixtyFPS GmbH几乎都是团队上下文错误导致回到第二步重新切换团队。表单提交被拒绝优先检查 2FA 是否开启、必填字段是否有遗漏、支持邮箱是否为infoslint.dev。发布后商店内搜索不到Figma 商店存在审核周期且插件 ID 与商店 URL 强绑定即manifest中的1474418299182276871确认未在构建时被篡改。小结「Figma to Slint」插件的发布虽然全程依赖人工但操作链路非常清晰构建pnpm build→ 登录并切换团队 → 导入dist/manifest.json→ Manage Plugins 中选择 Publish → 填写并核验表单 → 提交。其中 2FA、团队管理员、Publisher 归属这三项是成败关键。仓库内 figma.config.ts 完整定义了插件的名称、ID、能力与权限是发布表单与商店页信息的唯一事实来源任何发布前的配置修改都应从该文件入手并重新执行pnpm build生成最新的dist/manifest.json。【免费下载链接】slintSlint is an open-source declarative GUI toolkit to build native user interfaces for Rust, C, JavaScript, or Python apps.项目地址: https://gitcode.com/GitHub_Trending/sl/slint创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考