Anima

Anima 是一个把设计稿变成可运行代码的在线工具。它最常被用到的场景是：设计师在 Figma 里画好界面，交给 Anima 生成响应式的 HTML 或 React 代码，开发者拿到后继续改。除了 Figma，它也能从一张截图、一个现成网站的网址，或者一句描述开始，生成可编辑的应用。

主要功能

Figma 转代码是它的老本行，支持输出 HTML 和 React，样式可选纯 CSS、Tailwind 或内联样式，React 侧可选 TypeScript 或 JavaScript。网站克隆能把一个线上站点的多个页面导入成一个带路由和导航的可编辑应用。图片转 HTML 则把截图或流程图变成页面。生成结果在浏览器里直接预览，可以加数据库和登录，也能回滚到任意历史版本，最后发布、导出或交给别人接手。

它强调「带设计上下文」：可以导入设计系统组件、从网址匹配品牌风格，或用 Design.md 文件保持视觉一致。对 AI 编程工具，Anima 提供 MCP 和 API，让 Claude 之类的代理调用它的 Figma 转代码和项目上下文能力。

适合谁

产品团队想跳过从设计稿到第一版代码的手工活，或者独立开发者想快速把想法变成能跑的原型，都可以试。它也被集成进 Bolt.new、Replit 这类平台，作为背后的代码生成引擎。

费用与限制

有免费方案，但额度很小：AI Playground 5 条对话、5 次 Figma 导入或网站克隆、Figma 插件里 5 次代码生成。每次生成代码都算一次「code generation」，包括导出、导入设计、克隆网站、提示词生成和 MCP 调用。企业版起价每月 500 美元、按年付费，含 SSO、MFA 和 SLA。API 需要联系申请。界面为英文，使用前要注册登录。