啊?豆包居然也开始卷AI编程了?

搜索
AI-TNT
正文
资源拓展
啊?豆包居然也开始卷AI编程了?
2025-06-24 11:28

豆包疯了。


我感觉他好像真的想一统江湖了。


今天我打开豆包,本来只是想让它帮我识别几个表格图片。


结果发现他们更新了一个功能,直接推荐到我的首页来了。


这个功能我用了一下,给我整不会了,就是下面那个加上了"应用创造1.0"标识的AI编程。


啊?豆包居然也开始卷AI编程了?


我用完只有一个想法。


不是,豆包这是要疯了吗?这是不给其他家留活路了吗。。。


一直以来我对AI编程的选题都很慎重。毕竟市面上一堆AI编程工具,但是我说实话,很难让人人都上手,基本都需要开发基础,很不新手友好。

但这次真的不一样。


豆包这次更新的AI编程,这个功能的核心,就是你现在不仅可以用豆包写代码,还能直接可视化的修改网页上的结果,就像修改PPT里的内容一样轻松。


你可能不太好理解,我给你举个例子。


也不知道是《长安的荔枝》很火,还是最近到了吃荔枝的季节,我前两天去东莞参加华为的开发者大会,遇到的很多朋友,都在东莞到处问,去哪买荔枝。。。


那我们不如,就做一个荔枝的电商网站。


在豆包首页,选中AI编程应用。


发一句最简单的话,制作荔枝电商网站。


你就能看到,代码开始生成了。


啊?豆包居然也开始卷AI编程了?


而且这个代码的生成能力,我说实话有点强,大概率底座,是用了前几天火山大会上发的豆包1.6模型,比之前的代码生成的连贯性、长度都要强非常多。

而且,审美也强非常多。


大概生成了几分钟后,生成了700多行代码,一个网页,就做完了。


啊?豆包居然也开始卷AI编程了?


你可以在顶部切换代码和预览。


如果只是到这一步,那其实,豆包的代码生成,跟Claude、DeepSeek还有Gemini啥的也差不多。


但是,豆包的上面,有一个功能,叫编辑。


啊?豆包居然也开始卷AI编程了?


你点开以后,就会进入编辑模式。


他会按照页面的元素,来变成蓝色的虚线框,你可以选中那个元素,来进行修改。


啊?豆包居然也开始卷AI编程了?


这个修改,可以改字,可以改图,可以改万物,你也只需要。拿嘴说就行。


比如文字编辑是最基础的功能。


直接用鼠标点下想要修改的地方,直接就能删改,也可以让豆包帮忙换个颜色换个字体等等。


比如我觉得荔枝不该配黑体,就应该上行书,我就可以直接选中标题,然后写,换成行书字体。



啊?豆包居然也开始卷AI编程了?


没一会,直接就给你改完了。


这个修改,本质上其实还是改代码,因为你能看到,他在我Prompt上面有一行小字,编辑index.html(第106行)。


但是对于用户的体验,是完全不一样的。。。


先不说Trae、Cursor啥的,因为IDE产品,对于普通用户的上手门槛还是太高了,就说Gemini吧,在开了canvas之后,你也可以让他,生成一个网站。


但是生成万你就会发现,不仅没图,你想改字,也没办法直接可视化的改,很费劲。


啊?豆包居然也开始卷AI编程了?


当然,你要想精准的改,也行,你可以切换到代码界面。


啊?豆包居然也开始卷AI编程了?


框选那一行,然后问一问Gemini。


当然,我就问一句话,哪个普通用户知道哪段代码对应那个网页元素啊。。。


做低门槛的产品体验,还得看国内团队,真的。


豆包这个,不仅可以直接精准的改字,还能,改图。。。


真的,每次让Gemini或者DeepSeek做网页,最痛苦的事情,就配图。


比如下面这个桂味荔枝的图片,一开始豆包生成的时候配错了,我也不知道,为什么会给我放了大草莓在上面。


啊?豆包居然也开始卷AI编程了?


你进入编辑模式之后,选中这个大草莓,可以用三种方式来改图。


AI生成、网上搜索、本地上传。


我先用的是智能生图,提示词是"商品封面图,荔枝,清甜 多汁"。


很快,它就生成好了三张还不错的图片。选中图片进行替换就能替换掉错误的图片。


修改后的配图舒服多了。


啊?豆包居然也开始卷AI编程了?


如果你就是要用真实图片的话,可以用一键搜图或上传本地图片。匹配的正确率就挺高。


比如这个荔枝干,我也不知道为什么,给我放了一些...树干?


啊?豆包居然也开始卷AI编程了?


那我们就可以,直接打上荔枝干,一键搜图。


啊?豆包居然也开始卷AI编程了?


这才叫荔枝干嘛。


当然,如果你有自己图,也完全可以本地上传替换。


我不得不说,这个功能的产品完整性,还是太高了。


而且不止可以选中文字、图片,你还可以选中一个组件,进行修改。


比如我想把下面的这个表单删除。


啊?豆包居然也开始卷AI编程了?


一句话的事,这个表单,就消失了。


啊?豆包居然也开始卷AI编程了?


修改的速度也很快,真的可以说,是指哪打哪了。


而且使用对话修改的话,豆包还会自动帮你做好版本管理,随时可以查看每次的修改成果。


啊?豆包居然也开始卷AI编程了?


这才是真正意义上的零门槛。


用过像Cursor、V0之类的AI编程软件的可能都有过这样的经历。


让AI生成了一个看起来还不错的网页很容易,但如果细看,总有些细节不尽人意。


这时候如果想改个文案、换张图,或者调个样式,就得开始下一轮的极限拉扯。


而且要调用AI修改内容,都得在对话框里,费老大劲的和AI描述要修改的地方还有最终要达到的效果,它才能理解你的需求。


可以说每次我用感觉都是返璞归真,明明是在图形化的界面上,体验着命令行的感觉。


改内容还不算最麻烦的,要是想更新图片,没个一时半会搞不定,得先找个图床上传图片,拿到可以访问的图片链接,再手动替换原本的图片或让AI帮忙。


有的时候花在修改上的时间,甚至要比程序员手搓一个还要长。


这次豆包给我的感觉,就是一下子把这个门槛抹平了。


在用户体验这块,通杀。


差距太大了。


而且豆包1.6的代码质量,审美,也都够强,用户体验还好这么多,我为啥要用Gemini还要用DeepSeek啊。。。


我一直觉得,代码未来一定且必然,会成为一种被隐藏起来的基础设施,成为一种任何人都不用去关心的存在。


这种可视化的界面,才是最好的典范。


除了荔枝之外,我还想,再给我的老伙计,做一个知识图谱。


直接跟豆包说:"生成一个以坤为主题的知识图谱"


啊?豆包居然也开始卷AI编程了?


很快,一个关于坤的完整的知识图谱就出来了,虽然我也不知道,为什么豆包会这么了解坤。


啊?豆包居然也开始卷AI编程了?


就是图片好像不太对。


于是编辑大法就派上用场了,选择搜索图片,输入蔡徐坤,哦不,是鸡你太美。


系统给我推荐了几张高质量的照片,我选了一张比较适合的替换上去,对,不仅可以换静图,也可以放GIF。


瞬间,整个页面瞬间焕然一新了。


啊?豆包居然也开始卷AI编程了?


如果要发给别人,直接点右上角的分享按钮,就可以生成链接了,不需要复杂的部署操作。


啊?豆包居然也开始卷AI编程了?


而且这个分享链接,你也可以随时关闭,不用担心隐私问题。


啊?豆包居然也开始卷AI编程了?


比如我又做了一个中国历史朝代时间轴,生成出来后发现唐朝的配图是个海边的风景图,在一大坨代码里做语义配图说实话还是比较困难,所以有时候会出错。


啊?豆包居然也开始卷AI编程了?


不过直接用编辑图片,搜索"唐朝",马上就能换成合适的图片。


啊?豆包居然也开始卷AI编程了?


再比如做个给AI图片加水印的工具,把鲜虾包做的AI图片都加上水印。


啊?豆包居然也开始卷AI编程了?


也可以用来做个外贸网页。


啊?豆包居然也开始卷AI编程了?


做小工具也很方便。我让豆包做了个听力练习助手,可以在听到生词的时候做个标记,但是第一版按钮有点小,我觉得大一点更方便。于是豆包很快就改好了第二版。


啊?豆包居然也开始卷AI编程了?


这种感觉就像是在做设计,每个元素都可以随意调整,还能很方便的调到满意的状态。


有一种,回到了几年前,我用Sketch和Figma做UI设计的感觉了。


我觉得豆包这个可视化编辑功能,可能标志着AI编程进入了一个新阶段。


过去AI编程更像是只会写代码的AI,你告诉它要什么,它给你生成代码,然后你要么接受,要么重新描述需求让它重新生成。


这个过程中,人和AI的交互是单向的、低效的。


我一直觉得。


vibe coding的重点,不是代码本身,而是你的意图。


这种可视化的功能,是让代码回归到它本来应该在的位置。


一个工具。


一个真正的好工具,是不用普通人去操心它背后的原理和细节的。


你不需要懂代码,也不需要知道前端、后端、HTML、CSS这些术语是什么意思。


你只需要告诉它:“我想要做这个东西。”


然后,它就能帮你做出来。


代码应该被隐藏在背后,普通人不应该看到它,就像我们每天用手机、用电脑、开车,完全不需要知道它们内部是怎么运行的一样。


你每天打个王者荣耀,当然也不需要知道王者荣耀背后的引擎是什么对吧。


作为一个曾经的用户体验设计师,我其实很感谢豆包。


在这个以技术至上,大家都在夺命狂奔,看打榜看参数的年代。


还有一个产品,关心普通用户的用户体验。


让每个人都能享受,AI编程的乐趣。


真好。


文章来自于微信公众号“数字生命卡兹克”。


1
prompt

【开源免费】LangGPT 是一个通过结构化和模板化的方法,编写高质量的AI提示词的开源项目。它可以让任何非专业的用户轻松创建高水平的提示词,进而高质量的帮助用户通过AI解决问题。

项目地址:https://github.com/langgptai/LangGPT/blob/main/README_zh.md

在线使用:https://kimi.moonshot.cn/kimiplus/conpg00t7lagbbsfqkq0

添加客服微信openai178,进AITNT官方交流群
IOS下载
安卓下载
微信群
沪ICP备2023015588号