把 Figma 图层结构简化后喂给 AI，让生成的前端代码更贴合设计稿。
Figma 设计转代码
访问官网 ↗
上手方式：在对应客户端（Cursor / Claude / 命令行等）安装：npx -y figma-developer-mcp --figma-api-key=your_key --stdio
相关能力条目
Figma 官方设计稿
🔴 偏难
⚠️ 需梯子
让 AI 读你的 Figma 设计稿信息和变量，按设计实现前端界面。
Canva 设计
🔴 偏难
⚠️ 需梯子
让 AI 搜索、生成和编辑 Canva 设计，导出成品图用于营销物料。
Three.js（JavaScript 3D 库）
🟡 中等
⚠️ 需梯子
浏览器里的 3D 图形库：用 JavaScript 创建与显示 3D 图形（官方描述即「JavaScript 3D li…
img2threejs（参考图 → 程序化 Three.js 模型）
🟡 中等
❌ 不可用
把参考图里的物体或角色重建为纯代码、程序化的 Three.js 模型：分阶段雕塑流水线 + AI 视觉自校正，带质量门禁…
