Carthagine 是一款专注于将 Figma 设计转换为 React 代码的 AI 工具。根据官方介绍,它能在几分钟内把设计稿转化为生产级代码,被其称为「AI 时代前端领域最大的范式转变」。
用途 Carthagine 的核心用途是打通设计与前端开发之间的环节。它面向需要将 Figma 设计稿快速落地为 React 代码的开发者与团队,目标包括:消除设计与开发之间的交接成本、以极快速度实验和迭代用户体验、让每位开发者获得全栈能力,以及终结 Figma 与代码库之间长期存在的不一致。
主要能力
- 像素级还原:官方称其输出与 Figma 设计几乎完全一致,细致到颜色与内边距。
- 合理的组件层级:不同于简单转换工具,Carthagine 会输出具有 props、事件与状态的深层函数式组件层级。
- 状态感知与占位逻辑:组件带有状态感知能力,占位逻辑集中管理,等待接入应用状态。
- 属性与事件完整:从任务图片到每一个可点击元素的事件,所有 props 均已具备。
- 遵循编码风格:输出会遵循用户的编码风格。
- 智能体工作流:其新颖的智能体工作流在这些任务中催生了复杂的推理与规划,官方认为这是当今 AI 编程工具乃至前沿模型的少样本提示所无法企及的,且随任务复杂度提升的扩展性显著优于现有技术水平。
使用方式 用户将 Figma 设计作为输入,Carthagine(c1 版本)在约 5 分钟内为整个 Web 应用屏幕输出生产级 React 代码。官方演示中的最终输出未经挑选或编辑,也没有人工引导。
适用场景
- 将整屏静态设计快速转换为可用的 React 组件层级。
- 在开发前或开发中快速实验、迭代 UX。
- 为全栈开发者提供前端实现的加速能力。
现状与限制 官方明确表示,Carthagine 的 beta 阶段已经结束。其引擎现已并入 Mowgli,经过重建并比以往更好。Carthagine 的 Figma 导入技术现位于 Mowgli 内部,重建后可处理即使最大的 Figma 文件——单个画布上有数百个画框。Mowgli 具备像素级 React 代码导出能力,还能对输出进行迭代、以相同风格设计更多屏幕并快速修改。官方还提供了若干关于 Mowgli 的说明链接,包括 Mowgli 如何处理 Figma 导入、使用 Mowgli 的代码导出为 Claude 提供像素级参考、润色设计或补充缺失屏幕与新功能,以及了解 Mowgli 及其动因。
其他信息 官方提供了联系邮箱 hello@carthagine.ai 与 press@carthagine.ai,版权信息为 © 2025 Carthagine。除上述内容外,关于定价、平台支持、具体安装步骤等事实,资料中暂未提供。