8.0
热点
AI SCORE
工具产品2026-08-11 00:44
我们做了一个AI前端生成器:截图/Prompt直接出UI代码
dev.to · AI#AI前端#低代码#工具
Editor brief · 编辑速览
一款AI UI生成工具,支持截图或Prompt生成前端代码,集成15+框架目标、20+样式选项和实时错误修复,可迭代优化并导出。
我们一直在做一个叫 Make Your UI 的工具,用来加速前端开发中最重复的部分:把设计想法变成可运行的代码。
基本工作流程是:
Prompt / 截图 → 生成 → 预览 → 优化 → 修复 → 导出
你可以用简单的 UI 描述开始,也可以上传截图。工具会生成前端代码,并让你直接在浏览器中看到效果。
Text-to-code 生成
15+ JavaScript 框架目标
20+ CSS/样式选项
实时桌面、平板和手机预览
用自然语言指令优化现有 UI
运行时错误检测与修复
我们发现最有用的部分是迭代工作流。不需要生成代码、打开独立项目、发现问题、再回到 AI,而是可以在同一个地方生成和优化界面。
我们把这款工具分享给开发者社区,是因为我们真心希望得到反馈:它处理真实 UI 截图的效果如何?这种工作流是否真的比现有方案节省时间?
我们为前 20 位用户提供 Basic Package 40% 的折扣,同时收集早期反馈。
获取 40% 开发者社区优惠
目前支持 PayPal 付款。
如果你试用了我们,非常想知道生成的 UI 哪里是准确的,哪里还需要改进。
For further actions, you may consider blocking this person and/or reporting abuse

我们是一个让程序员分享、保持前沿和职业成长的社区。