# Figma Make kits 教程：从真实设计库提取样式，再补齐单位与交互规则

作者本地可运行参考，未执行目标 AI 原生会话。

已附构建产物，直接 `python3 -m http.server 8079 --directory reference` 打开；修改源码时 `cd reference && npm ci && npm run build`。

实际 React/Radix Switch；inputs/token-spec.json 是人工规范，不冒充 Figma 提取。


## 独立浏览器验收
在材料根目录运行 `npm ci`，已有Chromium可复用，否则运行 `npx playwright install chromium`。然后 `npm test`，实际启动随机本地端口、操作页面并将结果写入 results/verification.json。测试结束会停止服务。
要从源码重建，在 `reference/` 运行 `npm ci && npm run build`；A05类型检查还需 `node verify-types.mjs`。