前言
现在AI的变化真是日新月异，许久没有打开豆包了，今天打开豆包发现豆包更新了一个AI编程的新功能
简单尝试了一下发现这个AI编程真不错，尤其是对编程小白来说简直是大爱，目前市场上的大多数AI编程工具都很难做到零基础开发，尤其是在AI产出和预想不一致，想通过语言来描述具体的UI细节时，简直就是灾难，很有可能出现描述半天AI都改不出来甚至改坏的情况。如果你也有这个困扰，可以看看豆包出的AI编程的可视化修改网页功能。之前使用Cursor+Stagewise也实现过类似的效果，感兴趣的小伙伴也可以看往期：
【Cursor实战】Cursor+Stagewise=前端可视化编程？
优势
- 内部集成可视化编程工具，可标记UI元素进行调整
- 国内可免费使用
限制
- 有需求更改都会重新开始开发
关于豆包
豆包在线地址：www.doubao.com
豆包同样提供了 电脑版 和 移动端，小伙伴可以根据自己的习惯选择，功能上可能略有差异。
基本使用
我这里以电脑版为例，体验一下基本操作。
界面&功能
在豆包左侧边栏点击【AI编程】，可以切换到AI编程界面
AI编程对话框支持 文件上下文、Github仓库上文 及 语言输入 功能
除此之外还提供了一系列提示词模版和提示词案例
程序员工具箱
我们可以先让豆包开发一个简单程序员工具箱看看AI编程的能力，可以直接输入简单的提示词
帮我开发一个程序员工具箱网站在进行思考过后，紧接着豆包就可以执行任务了
任务执行完成后，直接会在右侧展示预览效果
简单测试了一下只实现了一个工具功能，抛开功能不说，整体页面看着还是挺不错的，配色和布局也够美观。可以看到右侧预览区域还提供了 版本管理、编辑、代码/预览、下载 和 分享 功能。
1）版本管理
豆包AI编程提供版本管理，对需求的改动会记录到新的版本，可以轻松在不同版本之间切换
2）编辑
豆包AI编程提供了UI可视化选取功能，感觉有点像借鉴Stagewise的意思。点击【编辑】进入编辑状态，你可以轻松选取页面元素并要求AI对该元素进行调整，比如编码转换功能是缺失的，我可以选中编码转换元素块并要求AI帮我实现
AI一顿操作就帮我完成了指定功能，可视化编程真不错，给它点个赞
3）代码/预览
豆包提供的 代码/预览 功能可以在代码和效果预览之间轻松切换，过程流畅无卡顿
4）下载
豆包提供了代码的下载功能，可以将代码下载到本地，或者下载后用Trae编辑器打开
5）分享
豆包也提供了站点的分享功能，点击【分享】【公开分享】即可实现页面的轻松部署
分享完成后，豆包会提供一个分享链接，通过分享链接实现与他人共享
中国历史朝代时间轴
我们再让豆包帮我们实现一个历史朝代变迁时间轴，输入提示词
帮我实现中国历史朝代时间轴同样豆包经过思考后，就开始干活了
任务执行完后，效果看着挺好，配色也是我喜欢的，只不过这个配图有点不搭，怎么是只秃鹫？
点击【编辑】进入编辑状态选中图片，选择【一键搜图】输入"夏朝"
豆包会检索关键词相关图片，选择一张适合的点击【替换图片】进行替换
我们将得到一个符合场景的图片，个人觉得这个功能还是很不错和贴合实际开发场景的
除了编辑图片，还可以对文字样式等进行调整
总结
豆包的AI编程新增的AI可视化编程，在一定程度上大大降低了前端UI调整的难度，对编程小白来说更容易入手，但是目前就个人体验下来的感受来说，豆包的AI编程还仍需改进优化：
- 其中一个比较重要的问题就是存在上下文遗忘的问题，同一个任务需求，一个会话中多次提问就会出现上下文丢失的问题，不是在前面已有代码基础上丰富内容而是会重新开发，舍弃已有功能和内容，通过可视化编程形式才会在已有功能基础上进行丰富。
- 有时Image标签识别不准确，无法进行换图操作
- 有样式改动时也是重新开始开发所有代码，等待时间较长
友情提示
见原文：豆包解锁AI编程新玩法
本文同步自微信公众号 "程序员小溪" ，这里只是同步，想看及时消息请移步我的公众号，不定时更新我的学习经验。