Figma 到 React.
实时预览，直写本机。
零 LLM 毫秒级转译，1920px 全视野等比预览，多用户白名单安全隔离，浏览器一键直写本地项目目录。
Security & Cloud Delivery
天生为团队权限与云端部署而设计。
从多级角色白名单授权、Figma 插件专属密钥关联，到浏览器直写本机磁盘，全链路严丝合缝。
超级管理员权限中枢。
统筹全局项目创建、团队成员白名单授权分配与系统版本演进审计权限。
项目级 403 严格隔离。
成员仅可见被授权的白名单项目，各自独立维护大模型 Key 与本机代码目录。
插件专属密钥绑定。
Web 右上角一键复制专属密钥粘贴至 Figma 插件，跨沙盒校验白名单并记录执行人。
Core Architecture
六大核心技术底座
从 AST 毫秒级确定性编译、1920px 全尺寸同源预览，到大画板自动分片与浏览器直写本机工程，构建零损耗的设计交付闭环。
AST 秒级转译。 RootLayout 自动去重。
无需等待大模型推理，直接将设计骨架编译为可运行的 Next.js 组件，并自动抽离公共顶栏与底栏。
大屏原生视口。 同源明暗主题。
内嵌画布始终以 1920px 原生桌面宽度完整渲染，自适应容器无损缩放，与主系统实时共享 Light / Dark 主题。
云端编译。 一键直写本机磁盘。
基于浏览器原生 File System Access API，即使服务部署在云端，也能将 .jsx、SVG 切图与 Token 直接写入本地工程。
矢量图标与位图。 插件端内联直出。
插件同步时直接调用 exportAsync 内联导出完整 SVG 与 2x PNG，按 SHA-256 跨画板去重并自动落盘。
超大型多画板页面。 自动分片同步。
超过体积阈值自动切换为单画板分片传输并在服务端无损合并，76+ 项布局与富文本属性零丢失。
分级权限与白名单隔离。 全链路执行留痕。
未授权项目 403 严格隔离，每位成员独立维护个人大模型 Key，每次工单与代码下发均精准记录执行人。
常见问题与排障指南 (FAQ)
快速排查插件鉴权、远程本地目录直写与大页面同步常见问题。
Q1：Figma 插件提示 401 或拉取不到我的项目？
登录 Web 后点击右上角「🔑 复制插件专属密钥」粘贴至插件设置，并确认超级管理员已在用户管理中心将你的账号加入该项目白名单。
Q2：远程访问时点击「下发 React」无法弹出本地目录选择？
浏览器直写依赖 File System Access API，请使用桌面版 Chrome 或 Edge 访问（localhost 或 HTTPS），首次点击授权后目录句柄将自动持久化。
Q3：为什么 Figma 里的封面或草稿页没出现在同步列表中？
插件内置非交付页过滤规则，会自动跳过名称包含「封面 / Cover / 草稿 / Draft / 归档 / Archive」及纯分割线的页面。
Q4：下发代码到本地时，已有的业务代码或布局会被覆盖吗？
不会盲目覆盖。已存在的 RootLayout.jsx 会自动跳过，Token 采用增量合并策略，页面与组件支持通过双通道按模块增量演进。