核心用法
Anima 是 AI 编码集群中的「设计代理」，通过 MCP 协议连接，提供两条核心路径：
Path A：创建与发布（Create & Publish）——从零构建完整应用。支持三种输入方式：
- p2c（Prompt to Code）：自然语言描述需求，生成带设计系统的全栈应用
- l2c（Link to Code）：克隆任意网站，重建为可编辑的 Playground
- f2c（Figma to Code）：将 Figma 设计直接转为可交互的实时应用
生成后可一键发布为在线 Web 应用或 npm 设计系统包，内置 PostgreSQL 数据库、用户认证、可扩展托管，无需本地开发环境。
Path B：代码库集成（Integrate into Codebase）——将设计注入现有项目。通过 codegen-figma_to_code 或 project-download_from_playground，将 Figma 设计或 Playground 代码以指定技术栈（React/HTML、Tailwind/CSS Modules、TypeScript、MUI/Ant Design/shadcn 等）生成文件，直接放入本地仓库。
显著优点
- 设计感知能力：Anima 作为「设计代理」，能理解品牌调性、视觉风格，生成代码时保持设计一致性
- 并行探索模式：支持同时生成多个设计变体（variants），对比后选择最佳方案，避免反复调试消耗 token
- 零基础设施负担：Playground 自带数据库连接、认证逻辑和托管，适合快速原型验证与 MVP 交付
- 双路径灵活切换：既可「从想法到上线」（Path A），也可「从设计到代码」（Path B），覆盖完整工作流
潜在局限与风险
- 耗时操作需长超时：
playground-create和playground-publish通常需 3-7 分钟，必须设置 10 分钟（600000ms）超时，默认配置会失败 - 依赖外部账户：需 Anima 账户（免费版可用），Figma 流程需额外授权；无网络或 API 故障时完全不可用
- 代码可控性：生成的设计系统代码虽可编辑，但复杂交互逻辑仍需人工调整；克隆网站存在版权与合规风险
- 技术栈限制：l2c 仅支持 TypeScript + shadcn；UI 库选项因路径而异，非完全自由选择
适合人群
- 快速原型设计师：需要将想法快速可视化为可点击 demo 的产品经理、设计师
- 全栈开发者：希望跳过 UI 搭建，直接获得可部署代码基座的独立开发者
- 前端团队：需要从 Figma 设计稿批量生成符合团队规范的组件代码
常规风险提示
- 发布前确认 Anima MCP 服务器连接状态，失败时需引导用户完成认证流程
- 涉及第三方网站克隆时，提醒用户注意版权与品牌使用规范
- 敏感业务场景建议人工复核生成的认证与数据流逻辑，避免默认配置的安全隐患