image2_UI

截图或想法丢进去，直接出可改的前端代码

image2_UI 是 ONDesign 开源的一套 UI 生成工具包，专门面向 OpenAI Codex 使用。它解决的核心问题是：把设计稿截图或一句产品想法，快速转成可编辑的前端代码，省去手工还原界面的重复劳动。工具支持可中断、可续跑的工作流，即使生成中途失败也能从断点继续，不用从头再来；同时内置视觉检查环节，能对生成结果做截图比对，帮助发现布局或样式偏差；生成的图片素材还能被复用，避免每次重新生成。整体定位偏 vibe coding 和设计到代码的自动化，适合快速做原型、前端 demo 或把参考图变成可改的页面骨架。项目用 JavaScript 编写，标签覆盖 image-to-ui、design-to-code、app-prototype 等方向，目前星标约 339，属于早期但方向清晰的开源项目。

开源 unknown 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 339

维护状态较活跃

是否开源是

定价模式 unknown

项目预览

项目数据

分类设计创意

开发团队zhu-guli326

所属国家

官网地址https://www.ondesign.tech/learn.html?lang=zh

GitHubhttps://github.com/zhu-guli326/image2_UI

定价模式unknown

价格说明定价信息待确认

访问状态

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型ai-ui,app-prototype,design-to-code,developer-tools,frontend-demo,image-to-ui,image2,openai-codex,ui-to-code,vibe-coding

GitHub 星标★ 339

30天Star增速

HF 下载量

上线时间2026-04-25 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-06

浏览次数0

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

核心亮点

支持断点续跑，生成中断后可从上次进度继续，不用重来
内置视觉检查，能对生成结果做截图比对，减少样式跑偏
生成的图片素材可复用，降低重复生成成本

不足之处

强依赖 OpenAI Codex，换模型或离线场景适配性差
项目较早期，文档和社区案例可能还不够丰富

适用场景

把设计稿截图快速转成可编辑的前端页面骨架
产品早期用一句话想法生成可交互的原型 demo
前端开发中把参考图批量转成可改的组件代码

替代项目

screenshot-to-code、v0、locofy

项目介绍

image2_UI 是设计创意领域的开源项目，由 zhu-guli326 开发，是 2026 年新上线的项目。

它收录于设计创意分类，该分类目前共有 169 个项目，GitHub 星标数为 339。

项目保持着较活跃的维护节奏，最近一次代码更新于 2026-09-16。

它主要面向的使用场景是：把设计稿截图快速转成可编辑的前端页面骨架。同类可对比的替代方案包括 screenshot-to-code、v0、locofy。

上一篇：diagram-design

下一篇：oil-ui