基于已有的残缺认知，能想到的办法：
第一步：figma/pencil/stitch 上用自然语言交互，生成一个 UI 第二部： 直接导出代码(html/react 什么的)，然后喂给 claude code ，转化成 swift ui
总感觉这个方法不对，求助各位有没有更合理的方式。。救救孩子😭
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 228 days ago, the information mentioned may be changed or developed.
 |
salorMar 26
1
figma make 生成 UI ，codex 安装 figma mcp ，链接发给它让它高保真还原。
|
 |
3
你都用 ai 写代码了，可以先不管逻辑， 直接让 ai 出界面， 跳过 figma 设计这一环。 哪里不好，直接喊 ai 改就是了
|
1 |
4
@zdxddt 我尝试过用 claude code 直接生成界面，但是有 2 个痛点：
1. 通过这种方式生成出来的界面，从效果上确实不如直接在 figma 或者 pencil 中生成。毕竟后者是专业的 UI 工具。 2. 效率很差。figma 中生成的不好，我当场就调整了，毕竟直接就呈现了，所见即所得。cc 里太慢，每次还要再构建代码，打开 app 后才能看到。 |
|
zdxddtMar 26
5
@jijiji 哦，可能我是 flutter 开发的， 没有你的第二个痛点。 不过你的第二步，github 上有工具，可以对接 figma 的 mcp ，ai 可以直接去读写 figma 的内容。 讲起来，第一步和第二步都可以用这个。 不过我只是试过可行性，但是没咋真正用过这种方式，因为我现在省掉了设计图这一步
|
|
7
@CodeDaiQin 谢谢 中午看到了，新版的 stitch 有点东西。。
|
 |
zhangsimonMar 26
8
蹲一下，试了 codex+figma MCP ，还原的也很一般
不知道是不是因为我 figma 免费的，开不了开发模式的原因 |
 |
CosmicVoyagerMar 26
9
stitch.withgoogle.com 不让用，怎么办
|
 |
bestieMar 26
10
用 stitch 不要导出 figma ，直接导出 zip ，里面是 html+截图，丢到 AI 里 @就能一比一直接转换成你想要的语言了
|
 |
freemoonMar 26
11
@CosmicVoyager 无痕、日本节点
|
|
freemoonMar 26
12
stitch 的 app 设计也是一坨，有什么使用技巧吗，我用详细提示词也不太行。
|
 |
usVexMownCzarMar 26
16
第三个选项，去各个设计网站抄，找一些自己看的顺眼的 UI 直接截图让 AI 来做。
不要相信自己可以通过自然语言描述，然后 AI 会生成满意的 UI ，如果你不是做设计的，基本不太可能得到满意的结果。 |
 |
beimenjunMar 26
17
你可以先试一下我的 App v2ex.com/t/1199643
|
 |
silencilMar 26
18
目前实践下来，我用的好点的工作流是让 claude 对话式生成每个大页面的框架，一次性生成后功能可能很多，不具备一致性，但是忽略。然后又让 claude 在一张画布上模拟 mobile 展示每个页面，这一轮逐渐调整细节。简单的界面实现之后让 codex 直接执行多几次可以一比一还原设计稿。不直接实现代码有个好处是可以不考虑逻辑，仅仅画 html 不容易出错，也快速可以及时调整。但是后来 ui 稿实现之后，由于我并不是一个真正的产品经理，在开发过程中可能会推翻之前的设计，后来图省事还是直接让 claude 出了整体的设计稿之后直接 codex 执行。然后每一轮修改意见最重要的一点是提 plan 并人工 review,完全交给 codex 不可靠。
|
 |
jasmMar 26
19
对界面个性化需求不是很强的话，觉得还是 aistudio 好用，试过用 stitch 做后端管理界面，不知道是不是我姿势不对，前后界面根本没有任何整体性
|
 |
abcgoodweiMar 26
20
@salor figma 的 MCP 需要充值才能用吧，不然用不了几次就受限了
|
 |
DougleeMar 26
21
google stitch 你值得拥有
|
 |
xfnMar 26
22
直接用 CC vibe 一个用 html 实现的 UI 原型，修改直到你满意。然后让 AI 照着这个原型实现就行了
|
 |
TerryBluesMar 26
23
个人体感是 variant 比 stitch 品味高点，figma 有点点重。
准备试试 pencil 和 paper |
 |
terrysnakeMar 26
24
花瓣网上找一个顺眼的，然后让 AI 照着抄
|
 |
zerovoidMar 26
25
直接让 AI 生成一个 HTML 的啊，HTML 不就好改了，然后再转成 ios 的
|
 |
VtwoExjgdjjMar 26
26
我的理解是，无论做任何 app ，先直接生成前端代码，Html css ，先不管任何逻辑，你可以用任何你能想到的 UI 设计工具，stitch ，google ai studio,figma 。但 anyway 顺序是先直接写前端，因为在 ai 的加持下，从前端直接过度到后端是很简单的。
|
 |
zitupMar 26
27
ai 时代，你是老板，是产品经理，只负责创意，其它都交给 AI
|
 |
cylawMar 26
28
公司有 self-host mastergo ，体验是使用
copilot 的 opus4.6 mastergo mcp mastergo 导出的 ui 图片 front-end-design skill 基本上第一次还原度 85%，剩余一些小细节也可以通过几次对话完成 |
Select Language