2025年6月20日星期五

干掉网页UI设计师的应用,竟然是TA······


图片

点击上方卡片关注 不要错过精彩文章


🎉

读完这篇文章,别忘记给舰长点一个关注!舰长的智能体搭建文章,不仅是节点的构建,也有思路的分享。智能体搭建最重要的就是思路。最希望,能给大家带来不一样的搭建思路和方法。 

点一点上方的🔵蓝色小字关注,你的支持是我最大的动力!🙏谢谢啦!🌟" 

Image


大家好,我是舰长团队的三秦!

在之前的文章中,我介绍过扣子空间可以帮我们快速做网页,我们不用写任何代码就能做网页:分分钟打造产品宣传网页,别再付费了


比如个人网页、企业网页、活动网页、产品介绍网页等。

Image

但当我们想修改网页中的文字或元素时,操作并不方便。没有其他办法,只能继续敲文字跟他对话,再次输入我们的修改要求。

重新生成的网页可能无法准确理解我们的意图,达到我们想要的效果,实在太麻烦了!


直到······直到我有一天无意间看到大美女五津老师,在日常和豆包play的时候输入了点做网页的要求,新世界的大门才终于打开了!

原来,前几天豆包网页版上线的"AI编程"功能也支持一键生成网页。

也就是说,我们只要把要求输入给豆包,不用写一行代码,豆包就可以快速制作出一个网页,看看,是不是扣子空间的既视感,哈哈。

生成效果举例:https://www.doubao.com/share/code/eb8c0f05ed91fe0d

Image



举个例子,我们要创建一个名叫"江成厨具有限公司"的官网,详细的提示词已经准备好~文章结尾有领取方式!抓紧领取体验,展现效果很赞👍

Image


我们把以上信息输入到豆包-AI编程的输入框,1分钟后它就生成了一个网页,预览效果如下:

Image


直到此时,豆包表现得还像远亲扣子空间那样,根据代码做网页生成。但接下来就截然不同了。

点击"编辑",进入网页编辑模式。

在这个模式下,支持对生成的网页修改文案、修改颜色、修改图片、修改跳转链接等,只要你想改哪里,选中那个元素修改即可,其他位置均不会变。

Image


场景举例如下:

1、选中一个文字区域,增删文字

Image

2、删除不想要的功能

Image


3、替换图片

选择希望替换的图片,输入修改要求,就可生成3张图片,选择一张满意的图片即可。

Image
Image

4、修改交互方式

Image

修改后交互如下:

Image

修改之后,可以将代码下载到本地,也可以使用专业的AI编程工具Trae来继续开发更多功能(这个会复杂一些)。

Image

选择"分享"——"公开分享",就可以获得一个公开链接,就可以发给其他人看了。

如这个网页:https://www.doubao.com/share/code/eb8c0f05ed91fe0d

Image


看见没有?

这个网页,不但支持在网页上直接修改,还支持自定义替换、生成,更支持分享。

扣子空间有的他都有,扣子空间没有的他一应俱全,而且效果还很不错!

估计网页UI设计师要么狂喜,要么瑟瑟发抖了哈,这一波更新,真的要替代相当一部分的设计工作了呢。

当然,致力于做超级个体的胖友们,极低成本开发出属于个人的独立站的时代,可能近在眼前啦。


本次的分享就到,您有收获请麻烦您一键三连,搭建卡点可以加入舰长的交流群进行交流,有关本文中的提示词资料的,评论"0620"添加下方二维码领取🙏


关注公众号并添加舰长微信,领取智能体学习资料,并参与Coze技术直播讲解

Image

另外非常欢迎大家加入[唐舰长AI落地智能体交流群],主要交流群每周都会进行公益直播教大家搭建AI智能体工作流

Image
Image



没有评论:

发表评论

开源低代码平台Deep GCC Lowcode:企业级免费商用,快速开发应用

Deep GCC Lowcode是一款企业级开源低代码平台,提供可视化表单设计、流程引擎、自动代码生成等功能,支持前后端分离和多数据库。完全免费商用,可降低70%开发成本,将交付周期从月缩短至周,适合中小企业快速构建内部管理系统并实现自主可控。 Tags: 低代码平台 ...