SuperAPI AI 工具集

Carthagine

Carthagine 是一款将 Figma 设计稿转换为生产级 React 代码的 AI 工具。它由智能体驱动,能够把静态设计转化为具有状态感知的深层函数式组件层级,同时逐像素还原设计。该工具的目标是消除设计到开发的交接环节,让开发者能在几分钟内获得完整的 React UI 代码,从而将设计迭代速度提升至新的水平。目前 Carthagine 的引擎已并入 Mowgli,其 Figma 导入技术也在 Mowgli 中重建,可处理包含数百个画框的超大 Figma 文件,并支持像素级 React 代码导出、对输出进行迭代、按相同风格设计更多屏幕以及快速修改。

访问官网

工具介绍

Carthagine 是一款专注于将 Figma 设计转换为 React 代码的 AI 工具。根据官方介绍,它能在几分钟内把设计稿转化为生产级代码,被其称为「AI 时代前端领域最大的范式转变」。

用途 Carthagine 的核心用途是打通设计与前端开发之间的环节。它面向需要将 Figma 设计稿快速落地为 React 代码的开发者与团队,目标包括:消除设计与开发之间的交接成本、以极快速度实验和迭代用户体验、让每位开发者获得全栈能力,以及终结 Figma 与代码库之间长期存在的不一致。

主要能力

  1. 像素级还原:官方称其输出与 Figma 设计几乎完全一致,细致到颜色与内边距。
  2. 合理的组件层级:不同于简单转换工具,Carthagine 会输出具有 props、事件与状态的深层函数式组件层级。
  3. 状态感知与占位逻辑:组件带有状态感知能力,占位逻辑集中管理,等待接入应用状态。
  4. 属性与事件完整:从任务图片到每一个可点击元素的事件,所有 props 均已具备。
  5. 遵循编码风格:输出会遵循用户的编码风格。
  6. 智能体工作流:其新颖的智能体工作流在这些任务中催生了复杂的推理与规划,官方认为这是当今 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。除上述内容外,关于定价、平台支持、具体安装步骤等事实,资料中暂未提供。