Images2 的 UI 图，直接转成前端代码(uniapp)，我用一周时间做了个开源项目！

[yanzuwu]

目前看到网上的方案基本上都是先转到 figma 然后再用 MCP 转成前端代码，并且质量也不高。

所以我用了一周的时间做了个工具，能够自动裁剪和重绘 UI 设计图上的元素，高质量的把 UI 图转成前端代码。

可以直接看对比效果（一次直出没有任何调整）：




左侧是还原后的效果，右侧是 UI 图片。



操作非常简单，上传参考图片，然后看看有没有要调整的标注，没有直接点击“生成资产”就可以。

最后你可以把资源包发给 coding agent ，然后直接引用 prompt.md （资源包里自带）就可以直接转代码了。


开源地址： https://github.com/shouzi23333-rgb/AiClip

欢迎感兴趣的同学试试～

[yanzuwu]

现在没有在线体验版，如果有需要的同学，可以考虑部署个体验版给大家使用。

[lozzow]

非常不错唉

[x86]

来个体验版看看

[yanzuwu]

@x86 👌 我尽快搞个体验版

[yanzuwu]

@lozzow 感谢认可

[luchenwei9266]

env 文件的配置，一定要 GPT 和 GPT-image-2 吗？

[yanzuwu]

@luchenwei9266 目前是，gpt 和 gpt-image2 效果最好，其他的还没测试。

[Parva]

感觉很不错，为开源点赞

[yanzuwu]

@Parva 感谢~

[khaliray]

牛的，是否可以基于我现在项目的截图进行美化😊

[lancevps]

点赞、收藏

[lancevps]

效果很不错，整个过程三分钟左右

生成的图片：
原图：

[yanzuwu]

@khaliray 可以的，直接截图让 GPT 优化，然后使用这个项目还原。

[yanzuwu]

@lancevps 感谢反馈，我会继续迭代优化。