出品 | 51CTO技术栈(微信号:blog51cto)
今天凌晨,一款Agent工具意外出圈了。
一位热衷 AI 摄影导演的 X 博主 @EHuanglu 分享了他试用一个名叫 HeroUI 的 AI 工具的经历,并放出了自己近日来生成的 6 个精美 App 或网站,精美程度堪比苹果、迪奥。
“我只用文字 prompt,就在几分钟内创建了一个完整的项目管理应用。”“它可以模仿任意网站界面,只要你提供截图。”“还能导入 Figma 文件继续编辑。”“甚至 prompt 写不清楚?它会帮你补。”
图片
HeroUI,名字一听就是一个超级能干的 AI UI 设计师。
这些帖子快速引来了超过 54 万网友的围观,可以说是一起见证了「UI 设计师消失」的第一步。
虽然听起来有些夸张,但相信各位体验之后,也会如同网友一般大为惊叹。
一、HeroUI 究竟厉害在哪里?
我们先来看 @EHuanglu 的真实流程:
登录这个网址:heroui.chat。没错可以免费使用。
图片
1.一句话,一个可运行的真·App
第一个,是一句话直接生成 App 的例子。用户只需要输入一句话,比如:“帮我做一个项目管理工具,有任务面板、日历视图和团队协作功能。”
HeroUI 就会自动生成对应的界面和交互逻辑,像 Notion + Trello 的结合体。生成的页面可以在浏览器中直接运行,并不是静态图,而是真实代码驱动的产品原型。
来源:https://h23yxt-5173.csb.app/
用 Agent 来生成 App 这个例子已经有不少了。然而,目前市面上真正能做到的如此突出的使用效果的,小编认为就这一家。
2.上传截图,直接「克隆」网站界面
如果你不知道怎么描述想要的页面样式,也可以直接上传参考图。比如把 Apple 官网、Notion 首页截图上传,HeroUI 会自动生成结构相似的设计:
“想复制谁的设计?截图拖进来,它来帮你模仿。”
用 EHuanglu 的原话来形容:「AI 几乎 1:1 还原,只用了不到 2 分钟。」
3.一键增强 Prompt,AI 补全你没想到的细节
当然,更多的网友的需求则是——不太会写 UI 设计的 prompt,这就是 HeroUI 的厉害之处,现在:
你输入一句话,HeroUI 会自动加上这些你可能遗漏的元素:
- 页面布局结构
- 动画和过渡效果
- 色彩搭配和按钮样式
这就像让 AI 自动“脑补”你的模糊想法,让初级用户也能生成高级结果。
4.导入 Figma,AI 继续帮你改
你以为这就完了?当然没有。
HeroUI 并不是封闭系统,它还可以直接接入 Figma。如果你有设计师做的初版稿图,上传进来后,AI 会自动识别各个元素并继续编辑优化。
这意味着:
HeroUI 既可以成为设计师的副驾驶,也可能是创业者的第一位产品合伙人。
整体上看:
以前,我们需要三人团队来构建一个原型:产品经理 + 设计师 + 前端开发而现在,一句话 + 一个截图 + 一个 Prompt 增强器,就能完成 80% 的原型制作。
传统角色 | AI 新角色 |
设计师 | Prompt+图片上传 |
产品经理 | 一句话概述需求 |
前端工程师 | 自动代码生成 |
这里再给大家一个展示几个相当酷炫的例子,从科幻感满满风格的AI初创公司的网站,再到高端奢侈品 Dior 的品牌官网,展现力十足。
二、网友:Prompt is All Your Need
评论区网友看罢炸锅了:Prompt 的能量正在指数级爆发。
图片
原来,我们只拿 prompt 写段落、生成图片,现在却能“提示生成整个 App”,甚至用 Prompt 推动品牌上线(“Dior launch”)。
再加上“可以调用在线数据”,也就是联网和插件/API 调用的结合,这已经不是单纯的“提示词”,而是在变成一种新型编程语言、新型产品启动方式。
图片
一句话,现在的 Prompt 不只是创意语言,而是正在演化成一种产品构建工具。
三、这一次的 Agent,与 Manus 们有何不同?
正如上文所提及的,进入2025以来,市面上越来越多的 Agentic AI 产品问世。AI 可以自主调用工具完成任务的能力,正在被众多创业者们盯上,开启了新一轮的创业浪潮。
虽然说,如今提供类似功能的 Agent 已经涌现出了不少优秀的产品,比如 Manus、Fellou、Lovart ,甚至 Google 的 Gemini、Anthropic 的 Claude 都在做“一句话生成一个 App” 的功能。
那么 HeroUI 究竟有何不同? 这里有两点。
先来看最明显的一个例子。我们可以对比下 Manus 和 HeroUI 的界面。
图片
图片
这两款的产品界面非常相像。但 Hero UI 更进一步的做到了一点:贴近实际用户的使用场景,比如:为不太懂如何设计 Prompt 的用户提供了“增强/补全 Prompt”的能力,再比如面向生产场景,可以导入 Figma 文件来搞定 UI 原型的产出。
这是一个非常细节的地方。在实际生产环境中,用户是怎样的需求?能不能达到生产的效果?往往是注定一款产品能否长期走下去的动力。
现在不少 AI 产品发布还沉迷在酷炫的 Demo 功能演示上,而 HeroUI 似乎正在从实际使用场景中的诉求靠拢。
第二点,对比其他产品,在小编看来,Hero UI 展现出了前所未有的产品 sense。
之前打造 AI 产品的一个逻辑是,以 AI 代码生成的能力为基础,进而衍生出各种用途的 AI 工具产品,但很明显,这条思路虽然可行,但造出来的工具实在犹如鸡肋,比如 Devin,实际体验起来,让人有种如芒刺背的感觉,缺少一款真正的产品该具备的“懂你”的灵魂。
HeroUI 的可怕之处在于,它不只是个代码生成器,而是具备一定“产品感知力”的 Agent。
- 可以根据 prompt 理解“项目管理工具”是什么样子
- 能自动加动画、风格
- 接入 Figma 实现 AI + 人类协作
从某种程度上说,HeroUI 这类工具,似乎正在模糊「设计师」「开发者」「产品经理」之间的边界。
甚至,你或许不是其中任何一种身份,但只要你懂产品想法 + 会写 Prompt,你就能生成一个界面+逻辑都完整的产品雏形。
而且,如果你表达不出来想法或没有时间,可以用“图像上传 + Prompt Enhancer + Figma 导入”的方式,使得生成结果更精细、更自动化。
相较之下,Manus 则似乎显得冷冰冰的样子,同样是生成一个项目管理的App,不仅耗时长,而且最后也只是给到了一个项目包,让我部署运行看看。
图片
四、写在最后
通过 HeroUI,小编越来越感到一种强烈的信号:Agent 产品未来将会呈现出“职业化”的特质,它或许通用能力很强,但其本身的“职业”属性能否真正 hold 用户的实际使用场景,才是未来持续成功的关键。
正如 OpenAI 的 Sam Altman 在一次采访中所言,目前他对现在的AI产品,包括 ChatGPT 的 UI 并不满意。甚至上周还宣布联手前 Apple 首席产品设计官 Simo,扬言要打造下一代消费级 AI 产品。
从这个层面上看,AI 原生应用、Agent、又或者说 Agentic AI 产品,真的只是刚刚开始,各位破局的创新机会,可谓多多!
期待以后更多优秀的 AI 产品问世!
最后,想体验一把 HeroUI 的朋友,可以去官网体验一番。
参考链接:
https://heroui.chat/
https://x.com/EHuanglu/status/1927257377864044975