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

编辑部 2026-05-15T15:57:14.273321 46882 阅读综合

目前看到网上的方案基本上都是先转到 figma 然后再用 MCP 转成前端代码，并且质量也不高。所以我用了一周的时间做了个工具，能够自动裁剪和重绘 UI 设计图上的元素，高质量的把 UI 图转成前端代码。可以直接看对比效果（一次直出没有任何调整）：左侧是还原后的效果，右侧是 UI 图片。操作...

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

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

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

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

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

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

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

欢迎感兴趣的同学试试～

来源: v2ex查看原文

分享创造 Images2 UI 直接一个现在帖子

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

[生活] 前女友出轨 2 次，我负债 350 万

[推广] GPT 试用时代结束了， Codex 中转站 送 2000w Token

相关推荐

[推广] GPT 试用时代结束了， Codex 中转站送 2000w Token