# MagicPath与Codex深度整合，设计开发流程合二为一

- 来源：Berryxia.AI (@berryxia)
- 发布时间：2026-05-17 05:43
- AIHOT 分数：74
- AIHOT 链接：https://aihot.virxact.com/items/cmp8vwbg40lxdslnz2emsu11c
- 原文链接：https://x.com/berryxia/status/2055766210512560416

## AI 摘要

MagicPath AI CEO @skirano 演示了其产品与Codex的深度整合。用户现可将MagicPath作为原生画布直接在Codex中运行，通过拖拽设计UI，Codex能实时感知项目并自动生成、编辑代码，实现设计与开发的无缝衔接，无需在Figma和IDE间切换。安装简便，只需在Codex中粘贴一条命令即可完成配置。此举将“设计-开发-迭代”流程整合于单一窗口，显著缩短了从创意到可运行应用的距离。

## 正文

兄弟们，设计和开发终于真正合体了。

@skirano（MagicPathAI CEO，前Anthropic、Brex、Uber、Facebook）刚刚放出重磅演示：

你现在可以把MagicPath直接当原生画布跑在Codex里面。

一边在MagicPath里拖拽设计UI，一边让Codex实时感知整个项目，自动生成代码、编辑组件、完成功能。设计和代码无缝切换，再也不用在Figma和IDE之间反复切来切去。

安装方式超简单：

在Codex里直接粘贴这句命令：
npx skills add https://github.com/magicpathai/agent-skills --skill magicpath

Codex会一步步带你登录、配置，搞定后整个MagicPath就变成Codex里的原生画布。

我看完演示后最大的感受是：

以前"设计-开发-迭代"要来回切三个工具，现在直接一个窗口全搞定。

这波操作把从idea到可运行App的距离，又狠狠缩短了一大截。

想试的直接去http://MagicPath.ai看完整教程和视频。

### 引用推文

> Pietro Schirano：You can now run MagicPath as a native canvas inside Codex to design and build functional apps. It's pretty incredible. Here's how to do it 👇