@tank/figma-to-code - 像素级精确的 Figma 到代码转换
从 Figma 提取设计规范并转换为像素级精确代码，包含完整 CSS 值
标签
更新于: 2026-03-26能力
典型输入
典型输出
该技能可以做什么
- 提取设计上下文
- 捕获设计截图
- 提取设计令牌
- 转换视觉属性为 CSS
- 构建设计令牌系统
- 映射布局到 Flexbox
- 转换组件变体为属性
- 验证视觉一致性
输入
- Figma 设计文件
- Figma 节点 ID
- Figma 设计截图
- 设计变量定义
输出
- 像素级精确的代码实现
- 精确的 CSS 值
- 设计令牌系统
要求
- Figma 桌面版 MCP (figma-desktop)
- TypeScript 支持
- React 框架
- CSS 样式