image-2生成的前端设计 有没有可以实现到HTML的方法
- 内容介绍
- 文章标签
- 相关推荐
例如这两款前端设计原型图，我知道figma Mcp可以实现，但是还是没法解决需要大量素材的问题，gpt5带的生图不知道能实现吗，有佬测试过吗
ChatGPT Image 2026年4月24日 1447381122×1402 423 KB
ChatGPT Image 2026年4月24日 1447361672×941 266 KB
ChatGPT Image 2026年4月24日 1505241448×1086 499 KB
--【壹】--：
豆包可以实现做一个设定 把扔进去的素材直接变成一个透明图，哈吉米2不也可以处理放大9宫格分镜图嘛，把做影视的逻辑用来做素材用规则限制它的输出呗，最后人工做兜底审核。
--【贰】--：
其实如果有figma或者设计文档 直接用mcp可以获取到素材直接实现，我想如果用image-2分割素材然后实现透明图或者素材图库实现，然后再给素材标记，再通过agent实现不知道效果咋样
--【叁】--：
因为我看他们做影视分镜图的时候切图效果还可以 我以为可以直接通过ai分解呢
--【肆】--：
大佬，你这个需求应该是文档中的可见即可得了吧，太难了，等待AI突破吧，目前只是稍微复刻
--【伍】--：
这对AI来说超纲了吧，还得把图片抠下来?
--【陆】--：
单独提取目标效果都很差，但是抹除效果比较好，比如一张ui设计图，可以分别生成只有背景和只有前景UI的，然后前景UI可以让v0之类的去实现，背景如果要做视差滚动之类的又要去处理背景图层的拆分
--【柒】--：
gpt image2生成的原图
tdsm1536×1024 239 KB
v0复刻grok生成的背景视频
image1920×1225 291 KB
没办法一次完成，还得一步步调整
--【捌】--：
image1920×928 145 KB
(哈哈哈哈乐麻了，GPT5给我的原型图
--【玖】--：
这个我试过，效果不如figma生态自带的那个3.1agent产出，那个还自带源码
--【拾】--：
蹲一下，确实目前没有还原°特别高的思路，
--【拾壹】--：
码住了，坐等佬们解决方案，如果可以实现的话能剩省下不少力气
--【拾贰】--：
懂了，感谢佬，我也再去研究研究有没有好的解决方案！
--【拾叁】--：
没办法AI切图，我试过很多次，gpt image 2提取透明背景的素材都很烂没法用，只能自己切图
--【拾肆】--：
给claude design能还原个八九不离十
--【拾伍】--：
哈哈哈，笑死了，佬我们也在研究从原型到出图到代码生成的AI工作流。
--【拾陆】--：
ChatGPT Image 2026年4月24日 163745 (4)1254×1254 323 KB
ChatGPT Image 2026年4月24日 163745 (5)1254×1254 398 KB
确实 还是要人工干预我在尝试直接弄这种透明图统一规格然后切割
--【拾柒】--：
好思路啊，但目前应该没有，不过你把想法留在这了，估计有大佬看到可能会去实现一下。
--【拾捌】--：
image1920×998 133 KB
这是Claude4.6的作品
--【拾玖】--：
试试Google这个https://stitch.withgoogle.com/
例如这两款前端设计原型图，我知道figma Mcp可以实现，但是还是没法解决需要大量素材的问题，gpt5带的生图不知道能实现吗，有佬测试过吗
ChatGPT Image 2026年4月24日 1447381122×1402 423 KB
ChatGPT Image 2026年4月24日 1447361672×941 266 KB
ChatGPT Image 2026年4月24日 1505241448×1086 499 KB
--【壹】--：
豆包可以实现做一个设定 把扔进去的素材直接变成一个透明图，哈吉米2不也可以处理放大9宫格分镜图嘛，把做影视的逻辑用来做素材用规则限制它的输出呗，最后人工做兜底审核。
--【贰】--：
其实如果有figma或者设计文档 直接用mcp可以获取到素材直接实现，我想如果用image-2分割素材然后实现透明图或者素材图库实现，然后再给素材标记，再通过agent实现不知道效果咋样
--【叁】--：
因为我看他们做影视分镜图的时候切图效果还可以 我以为可以直接通过ai分解呢
--【肆】--：
大佬，你这个需求应该是文档中的可见即可得了吧，太难了，等待AI突破吧，目前只是稍微复刻
--【伍】--：
这对AI来说超纲了吧，还得把图片抠下来?
--【陆】--：
单独提取目标效果都很差，但是抹除效果比较好，比如一张ui设计图，可以分别生成只有背景和只有前景UI的，然后前景UI可以让v0之类的去实现，背景如果要做视差滚动之类的又要去处理背景图层的拆分
--【柒】--：
gpt image2生成的原图
tdsm1536×1024 239 KB
v0复刻grok生成的背景视频
image1920×1225 291 KB
没办法一次完成，还得一步步调整
--【捌】--：
image1920×928 145 KB
(哈哈哈哈乐麻了，GPT5给我的原型图
--【玖】--：
这个我试过，效果不如figma生态自带的那个3.1agent产出，那个还自带源码
--【拾】--：
蹲一下，确实目前没有还原°特别高的思路，
--【拾壹】--：
码住了，坐等佬们解决方案，如果可以实现的话能剩省下不少力气
--【拾贰】--：
懂了，感谢佬，我也再去研究研究有没有好的解决方案！
--【拾叁】--：
没办法AI切图，我试过很多次，gpt image 2提取透明背景的素材都很烂没法用，只能自己切图
--【拾肆】--：
给claude design能还原个八九不离十
--【拾伍】--：
哈哈哈，笑死了，佬我们也在研究从原型到出图到代码生成的AI工作流。
--【拾陆】--：
ChatGPT Image 2026年4月24日 163745 (4)1254×1254 323 KB
ChatGPT Image 2026年4月24日 163745 (5)1254×1254 398 KB
确实 还是要人工干预我在尝试直接弄这种透明图统一规格然后切割
--【拾柒】--：
好思路啊，但目前应该没有，不过你把想法留在这了，估计有大佬看到可能会去实现一下。
--【拾捌】--：
image1920×998 133 KB
这是Claude4.6的作品
--【拾玖】--：
试试Google这个https://stitch.withgoogle.com/