把一张截图,变成能编辑的界面
DownUI 是 AI 驱动的 UI 设计网站:上传 APP 截图或输入文字描述, AI 用真实控件在画布上还原微信聊天、金融收益、豆包问答等界面—— 文本是真文本框,图表能改数据,做完一键导出 PNG,还能连成可点击的仿机原型。
生成
等待输入…
AI 正在生成界面,生成完成后即可拖拽控件、在此调整参数。
效果样例 · 点击直接进入画布编辑
每个样例都是真实控件渲染的可编辑文档——点击任意样例,自动为你创建项目并打开画布编辑器。
AI 还原界面,只要三步
截图进,可编辑的 UI 出。缺什么控件,AI 现场造一个并自动归类。
上传截图 / 输入描述
拖入一张微信聊天、期货通收益页或豆包问答截图,或者直接打字:「做一个深色基金收益页,带曲线图和持仓列表」。图片存入 Cloudflare R2,不落本地。
AI 生成可编辑界面
AI 识别布局与配色,用控件库里的真实控件在画布上摆出界面;遇到库里没有的元素,自动生成 SVG 控件并归入对应分类,下次直接复用。
画布微调 · 导出 · 仿真
拖拽、缩放、旋转、改字改色,图层面板像 PS 一样管理前后顺序;导出 2 倍清晰度 PNG,或给按钮绑上跳转动作,进入仿机模式点击运行并录屏。
为「像真的」而生的编辑器
不是贴图拼凑,每个元素都是活的控件。
专业画布编辑器
左侧控件库、中间画布、右侧参数面板三栏布局,均可折叠;拖拽、多选、对齐吸附、复制粘贴、撤销重做、快捷键一应俱全。
真实文本框控件
微信聊天框、输入框、悬浮提示框都是真文本:自动换行、自动撑高、支持 [表情] 内联,改字不用再 P 图。
144+ 内置控件
iOS/安卓/鸿蒙状态栏、三系统键盘、日期滚轮、日历、收益曲线与 K 线图、华为鸿蒙电话界面图标、iOS 图标、微信与小红书表情、APP 图标、窗口弹窗。
PS 级图层管理
右下角图层面板:调顺序、显隐、锁定、重命名,复杂界面也不乱。
UI 动作链接
给任意控件绑定动作:点击返回键回到上一界面、点击按钮弹出抽屉或直接替换跳转,支持 7 种过渡动画。
仿机演示与录屏
选择 iPhone 15 Pro、安卓、鸿蒙等设备分辨率,从入口界面开始点击运行,长页面可滚动;一键屏幕录制,可选隐藏鼠标指针,导出 webm 视频。
项目化管理
一个项目包含多个界面和仿机,支持整项目复制、单界面复制、封面导出,个人中心统一管理。
AI 造控件
上传参考图或输入描述,AI 生成新控件并自动分类;管理后台可接入 OpenAI/Anthropic 兼容模型,也可先用内置演示模式。
高清导出
画布一键导出 2 倍 PNG,或直接设为项目封面;图片资源全部走 Cloudflare R2 CDN。
把静态界面,跑成一部「手机」
给按钮绑上跳转、弹窗、返回动作,设置设备分辨率和入口界面, 就能像真机一样点击运行:抽屉滑入、页面切换、长页滚动,全部带过渡动画。 演示满意后直接屏幕录制——可选隐藏鼠标指针,导出一段干净的 webm 演示视频。
- ✓iPhone / 安卓 / 鸿蒙 / 平板 / 自定义分辨率
- ✓跳转 · 弹窗 · 返回 · 外链 四类动作,7 种过渡
- ✓长页面滚动与设备边框模拟
- ✓录屏隐藏鼠标,一键下载 webm
大家都在用 DownUI 做什么
从一张截图到一个可交互原型,覆盖这些高频场景。
DownUI(downui.com) 把「截图还原」这件小事做成了完整工作流: 做微信聊天截图时,气泡是自动撑高的真文本框,表情、头像、时间线都是独立控件; 做期货通收益截图或币coin收益图时, 收益曲线与 K 线由数据驱动,涨跌红绿一目了然;做豆包问答界面时, AI 气泡、输入栏、状态栏一应俱全。所有界面都保存在项目里,可以随时复制、修改、导出高清 PNG, 或用仿机模式串成可点击的交互演示并录屏分享。
常见问题
QDownUI 是什么?+
DownUI(downui.com)是一个 AI 驱动的 UI 设计网站。你上传一张 APP 截图或输入一段文字描述,AI 会在画布上用真实控件还原出可编辑的界面,包括微信聊天、金融收益、问答对话等常见场景。
Q微信聊天截图怎么生成?+
打开画布编辑器,从左侧控件库插入「微信聊天框」文本控件——它是真实的文本框而不是图片,文字自动换行、气泡自动撑高,支持左右对话、头像、昵称、时间线,完成后一键导出 PNG。也可以直接选择「微信聊天截图」模板开始。
Q收益截图里的曲线图可以改吗?+
可以。图表控件内置收益曲线、面积图、柱状图、K线等类型,颜色、数据、网格、标题都能在右侧参数面板修改,期货通收益截图、币coin收益图模板都已配好示例数据。
Q什么是仿机演示?+
仿机是把多个界面串成可交互的 APP 原型:设置设备分辨率与入口界面,给按钮绑定跳转/弹窗/返回动作,即可像真机一样点击运行,长页面支持滚动,还能屏幕录制运行过程并隐藏鼠标指针,导出 webm 视频。
Q免费吗?需要下载吗?+
联盟授权登录即送 100 次 AI 生成额度,画布编辑、导出 PNG、仿机演示全部免费,纯网页运行,无需下载安装任何软件。