你是否厌倦了把设计稿手动转换成前端代码的重复工作?我们正在开发一款名为 Make Your UI 的工具,目标是加速前端开发中最耗时的环节之一:将设计想法变成可运行代码。
基本工作流为:提示词/截图 → 生成 → 预览 → 优化 → 修复 → 导出。你可以用一段简单的界面描述开始,也可以直接上传截图;工具会生成前端代码,并让你在浏览器中立即查看效果。
目前已经实现的功能包括:
文本生成代码;截图生成代码;支持15+ JavaScript框架目标;20+ CSS/样式选项;桌面端、平板端和移动端实时预览;用自然语言指令优化现有界面;运行时错误检测与一键修复;代码解释;代码导出。
我们发现最实用的部分是可迭代的工作流:无需在生成代码后另开项目、查找问题、再返回AI修改,而是可以在同一环境中直接生成和优化界面。
我们将它与开发者社区分享,真诚希望获得反馈:它在处理真实UI截图时表现如何?相比现有方式,这个工作流是否真的节省了时间?
立即体验:Make Your UI
开发者社区优惠:在收集早期反馈期间,我们将为首批20名用户提供Basic Package的40%折扣。领取方式:Claim the 40% Developer Community Offer。目前该折扣支持PayPal支付。
如果你试用过,我们特别想了解:生成的UI在哪些地方准确,哪些地方仍需要改进。
热门跟贴