前几天不是用 3D 场景测试 Figma 么，然后也在网上看了一下好的设计是啥。 发现一个很喜欢的设计图（视频）。
觉得效果超级棒。我们以此开始看看豆包能做到什么程度。
使用图片
我们使用图片提示直接让AI生成。
第一次尝试失败，我把页面表现和错误丢给豆包，让它尝试修复。
结果离谱得很，只有一个旋转的 立方体。
描述问题继续，没想到触发豆包的Bug了，
多次提示之后仍然如此，应该是生成了多个文件导致无法显示的。
使用文字提示
换个思路让 AI 解释下，转换成提示词再试试。
生成的基础提示词如下：
创建一个3D工业智能仓储场景，包含：大量整齐堆叠的蓝色和绿色立方体货物（分区域摆放，蓝色为存储区，绿色为作业区）；5-6台黄色工业机械臂，分布在不同货物堆旁，呈现抓取/搬运的动态姿态；多台绿色和黑色的无人叉车（AGV），在场景中模拟运输货物的运动状态；白色的建筑立柱，划分场景空间，整体采用简约的工业风配色（以白色、浅灰为基底，机械臂黄色、货物蓝绿为点缀），营造出科技感十足的自动化仓储氛围。丢给豆包他会先跟你确认设计，
我们肯定是看都不看直接生成（测试AI工具时可以不带脑子，不然和加班干活有啥区别）
不过很遗憾，生成失败。
给豆包一次机会，把界面表现和控制台错误都告诉它， 让他尝试修复：
界面打开显示：加载工业智能仓储系统
加载中，请稍候...
VM37 about:srcdoc:28 Uncaught TypeError: document.getElementById(...).appendChildChild is not a function
at initScene (VM37 about:srcdoc:28:56)
at init (VM37 about:srcdoc:620:13)本来是不抱希望的，没想到竟然成功了。
-
• 生成的小车确实会拉着货物跑，跑一段时间放下。 -
• 机械手臂也会拿起和放下货物。
但是看起来一片白，我们截个图尝试让豆包修正一下：
场景非常白，相关面板也非常白，修正颜色问题
AI 自动修正成深色背景，同时我也看清楚了右上是一个统计信息面板。 下方是一个视角切换的控制器。
由于对3d光照材质啥的了解不多，AI 看不懂，我也没办法优化了。
让AI调整好几天，场景没有变好看啥，手动调一下也不咋好看。
画板功能
刚刚试了直接贴图效果不好，还有一个画板功能。
咱们就不自己画了，选一个模板：
提示之后，和上次一样，也是一个半成品。
还是把问题抛给豆包，并让他加一个炫酷背景。
方块有重叠和闪动，文本也没展示。
增加一个炫酷的背景，同时点击方块可以进行高亮结果比我期望的好哈。
经验和总结
经验一：目前看来，比起图片还是文本提示词更有用。
经验二：不要太低估 AI 能力，说不定改一下就成功了呢。
总结：
豆包编程的网页版生成速度比较快（可能是因为任务简单）。
豆包编程由 Trae 提供支持，如果大家用过 Trae 等编程工具，似乎没必要尝试豆包编程，我猜少了本地环境支持，效果不会更好。
最后
豆包编程适合什么？
我觉得生成一些单页面演示页面、教学网页这种一次性的简单的编程任务等比较合适，其他任务貌似还是使用 AI 编程工具比较好。