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