Anima

Anima

AI with an Eye for DesignAnima 将设计、品牌和代码上下文连接起来,帮助产品团队从想法、Figma 文件、图片或网站 URL 开始,生成可运行且可持续编辑的网站与应用。生成结果支持 HTML 或 React,并可在浏览器中预览、迭代、发布和交接。

Anima 页面快照
HTML
可选择的快速响应式网站、落地页和邮件模板代码输出
React
可用于产品、仪表板、流程、幻灯片和原型的应用代码输出
Figma
支持从 Figma 设计生成响应式 HTML 或 React 应用
Adobe XD
支持导出为 HTML 或 React
核心能力

从设计上下文直接构建软件

通过真实的设计文件、视觉参考、品牌规范和现有代码,为 AI 提供更完整的产品上下文,减少从设计到可运行应用之间的转换工作。

文字提示生成应用

从想法和文字提示开始,生成可工作的应用,并持续通过视觉方式细化设计、功能和流程。

克隆完整网站

从在线网站导入多个页面,生成包含路由和导航连接的可编辑应用。

图片转可编辑应用

将截图、线框图或用户流程转化为可编辑的 HTML 或 React 应用。

Figma 转代码

从 Figma 设计生成响应式 HTML 或 React,并保留结构、资源和视觉细节,也支持继续迭代后复制回 Figma。

导入代码与 AI 产物

导入来自 Claude 或其他 AI 工具的代码或产物,将其作为实时应用运行并继续进行可视化构建。

设计系统与品牌上下文

导入品牌、视觉参考、Figma 文件和设计系统,或使用 Design.md,使生成结果更贴近产品视觉规范。

最新内容

Anima 公开文章与产品动态

了解多页面网站导入、Claude Design 工作流以及 AI 生成代码交接等相关内容。

Clone an entire website: Multiple pages in one shot

介绍如何一次导入完整网站的多个页面。

How to go from Claude Design to Figma

介绍从 Claude Design 工作流回到 Figma 的方法。

The new handoff: How to share your AI agent’s code with your team

介绍如何将 AI 智能体生成的代码交接给团队。

官方资源

文档、博客与产品入口

通过官方产品页面、文档和文章了解 Anima 的设计转代码、AI 构建和开发者集成能力。

Anima

从这里开始使用Anima。