Figma Make Local Runner 用于在本地运行从 Figma Make 导出的 TypeScript/React 代码,解决导出件常见的依赖与资源问题。主要能力:自动移除导入中的版本说明符(如 @radix-ui/react-slot@1.1.2 变为 @radix-ui/react-slot);通过自定义 Vite 插件解析 figma:asset/ 资源引用到 src/assets/;预装 Figma Make 常用依赖;支持构建为内联全部资源的单一 HTML 文件,便于分享或嵌入。
使用方式:先克隆仓库并安装依赖:git clone https://github.com/likang/figma-make-local-runner,cd figma-make-local-runner,npm install。将 Figma Make 导出的 src 文件夹复制到项目根目录,运行 npm run dev 后在 http://localhost:5173 访问。常用命令包括 npm run type-check、npm run build、npm run build:single(生成 dist/ 下的单一 HTML)和 npm run preview。
适用场景:本地预览与二次开发 Figma Make 导出项目,或在导出件基础上增加自定义逻辑、Tailwind 样式与 API 调用。限制:缺失依赖需手动 npm install;figma:asset/ 引用的文件需实际存在于 src/assets/;热更新异常时可清理 node_modules/.vite 并重启开发服务器。资料未提供许可证、收费与版本兼容性等信息。