想 vibe 一个 ios app，但是 UI 不知道怎么搞

figma make 生成 UI ，codex 安装 figma mcp ，链接发给它让它高保真还原。

@salor 能和 claude code 联动嘛

你都用 ai 写代码了，可以先不管逻辑， 直接让 ai 出界面， 跳过 figma 设计这一环。 哪里不好，直接喊 ai 改就是了

@zdxddt 我尝试过用 claude code 直接生成界面，但是有 2 个痛点：
1. 通过这种方式生成出来的界面，从效果上确实不如直接在 figma 或者 pencil 中生成。毕竟后者是专业的 UI 工具。
2. 效率很差。figma 中生成的不好，我当场就调整了，毕竟直接就呈现了，所见即所得。cc 里太慢，每次还要再构建代码，打开 app 后才能看到。

@jijiji 哦，可能我是 flutter 开发的， 没有你的第二个痛点。 不过你的第二步，github 上有工具，可以对接 figma 的 mcp ，ai 可以直接去读写 figma 的内容。 讲起来，第一步和第二步都可以用这个。 不过我只是试过可行性，但是没咋真正用过这种方式，因为我现在省掉了设计图这一步

@CodeDaiQin 谢谢 中午看到了，新版的 stitch 有点东西。。

蹲一下，试了 codex+figma MCP ，还原的也很一般
不知道是不是因为我 figma 免费的，开不了开发模式的原因

stitch.withgoogle.com 不让用，怎么办

用 stitch 不要导出 figma ，直接导出 zip ，里面是 html+截图，丢到 AI 里 @就能一比一直接转换成你想要的语言了

@CosmicVoyager 无痕、日本节点

stitch 的 app 设计也是一坨，有什么使用技巧吗，我用详细提示词也不太行。

@freemoon 你可以先用 gpt 或者其他 ai 模型，把你的想法给他，让 ai 给你生成一套相关的 prompt ，然后丢给 stitch 让它生成

@wvitas 都试过了。要不你给个效果蛮好的提示词甚至效果图？

@freemoon 无，都是一点点调

第三个选项，去各个设计网站抄，找一些自己看的顺眼的 UI 直接截图让 AI 来做。

不要相信自己可以通过自然语言描述，然后 AI 会生成满意的 UI ，如果你不是做设计的，基本不太可能得到满意的结果。

你可以先试一下我的 App v2ex.com/t/1199643

目前实践下来，我用的好点的工作流是让 claude 对话式生成每个大页面的框架，一次性生成后功能可能很多，不具备一致性，但是忽略。然后又让 claude 在一张画布上模拟 mobile 展示每个页面，这一轮逐渐调整细节。简单的界面实现之后让 codex 直接执行多几次可以一比一还原设计稿。不直接实现代码有个好处是可以不考虑逻辑，仅仅画 html 不容易出错，也快速可以及时调整。但是后来 ui 稿实现之后，由于我并不是一个真正的产品经理，在开发过程中可能会推翻之前的设计，后来图省事还是直接让 claude 出了整体的设计稿之后直接 codex 执行。然后每一轮修改意见最重要的一点是提 plan 并人工 review,完全交给 codex 不可靠。

对界面个性化需求不是很强的话，觉得还是 aistudio 好用，试过用 stitch 做后端管理界面，不知道是不是我姿势不对，前后界面根本没有任何整体性

@salor figma 的 MCP 需要充值才能用吧，不然用不了几次就受限了

google stitch 你值得拥有

直接用 CC vibe 一个用 html 实现的 UI 原型，修改直到你满意。然后让 AI 照着这个原型实现就行了

个人体感是 variant 比 stitch 品味高点，figma 有点点重。

准备试试 pencil 和 paper

花瓣网上找一个顺眼的，然后让 AI 照着抄

直接让 AI 生成一个 HTML 的啊，HTML 不就好改了，然后再转成 ios 的

我的理解是，无论做任何 app ，先直接生成前端代码，Html css ，先不管任何逻辑，你可以用任何你能想到的 UI 设计工具，stitch ，google ai studio,figma 。但 anyway 顺序是先直接写前端，因为在 ai 的加持下，从前端直接过度到后端是很简单的。

ai 时代，你是老板，是产品经理，只负责创意，其它都交给 AI

公司有 self-host mastergo ，体验是使用
copilot 的 opus4.6
mastergo mcp
mastergo 导出的 ui 图片
front-end-design skill
基本上第一次还原度 85%，剩余一些小细节也可以通过几次对话完成