【生活娱乐赛道】铝搭——铝型材家具DIY的3D小程序
标签: 生活娱乐
0. 先和大家打个招呼吧 ![]()
-
**你是谁:**IT老兵,喜欢木工,DIY ;
-
你是怎么用 TRAE 把 Demo 做出来的: 之前开发3D程序都是采用古法编程,本次想着实现新创意用一下AI工具试试,原以为3D的demo很难用AI开发出来,没想到被TRAE惊艳到了,只需一句话,就生成了基础的3D环境和通用操作,通过几轮对话之后,效果就达到商用要求;剩余的大部分功能,都是通过对话生成的;唯一需要老兵出手改代码的地方,就是3D里面铝型材的截面花纹和压梁那一条铝型材的长度计算;整体感觉让开发3D的难度降低了一两个维度。
1. Demo 简介
-
是什么:铝型材家具3D可视化设计的小程序,demo阶段以html的形式展现;
-
面向谁:25-40岁正在装修或改善居住环境的年轻人群体,包括租房改造者、新房装修者、工作室搭建者、电商仓储货架需求者。追求个性化和性价比,愿意动手但缺乏专业设计能力。
-
主要功能:
- 3D可视化家具设计,demo阶段只处理简单的改大小、外观、材料,只提供书桌、货柜等有限的模板,如果可以进入复赛,将实现更灵活的diy和更丰富的模板
- AI智能材料计算
- 实时透明报价
- 一键下单购买
2. Demo 创作思路
-
灵感来源:有一次想做一个柜子,淘x买不到,找人定做不好看,无意中看到小x书有人用铝型材做出来的,效果和实用性非常好,可惜他的尺寸跟我又不一样,需要重新设计,这对一个非专业设计的人来说并不友好,需要学习很多东西克服很多困难。
-
想解决的问题:
- 当前定制家具存在设计门槛高(不懂CAD/SketchUp),大多铝型材设计软件也入门较难,普通用户不懂设计软件无法自行出图
- 购买不方便(铝型材供应商分散,需自行找规格、算用量、买配件),有了图纸和材料清单却很难找到合适的铝型材供应商,需要漫长的沟通
- 价格不透明(线下报价混乱),在设计时无法精准预估材料成本和总费用,等报价之后才知道
- 交付周期长(传统定制2-4周),即使是铝型材,深加工比如打孔容易沟通出错,导致材料报废,既耗金钱也浪费时间
- 为什么做这个方向:铝型材作为可回收、模块化、强度高、防潮耐腐蚀的材料,天生适合DIY家具场景,与购买成品比具有更高的可定制性、与全屋定制比具有更高的性价比。但目前市场上缺乏一款打通"设计-选材-购买-组装"全链路的数字化工具,这个空白值得填补。
3. Demo 体验地址
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程;
-
本 Demo 全程使用 TRAE Work 从零开发,完整开发流程如下:
- 根据创意生成html格式的demo(附图1),我提示了两次,第二次明确要html格式生成demo
- 调整3D场景的显示效果(附图2),比如背景色、去掉雾化效果、型材颜色
- 增减、合并界面元素(附图3),比如合并材料清单和报价、增加优惠方案
- 部分手工修改3D效果代码,只有3D里面铝型材的截面花纹和压梁那一条铝型材的长度计算这两处是手工修改的
-
附开发关键步骤截图(不少于 3 张);
-
附关键任务对话的 Session ID(不少于 3 个),用于证明作品由 TRAE 开发完成。
-
1141754565762220:5eef4ec4d9e3cee3063feb050384e39f_6a4bb3942ef3ea3c809b0180.6a4bb3a22ef3ea3c809b0183.6a4bb3952ef3ea3c809b0181:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/6 21:54:42)
-
1141754565762220:5eef4ec4d9e3cee3063feb050384e39f_6a4bb3942ef3ea3c809b0180.6a4bb5482ef3ea3c809b01cf.6a4bb5482ef3ea3c809b01ce:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/6 22:01:45)
-
1141754565762220:403c384c189890a1b4fd682360102472_6a4bb3942ef3ea3c809b0180.6a4bbcf32ef3ea3c809b023a.6a4bbcf32ef3ea3c809b0238:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/6 22:34:27)
-
1141754565762220:db9bbcc72b67b7cad5f9f27805d71eed_6a4bb3942ef3ea3c809b0180.6a4df3df03750085ca6e5fde.6a4df3df03750085ca6e5fdc:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 14:53:19)
5. 对应的报名审核通过的帖子链接
6. TRAE 实践心得
- 这次我特意使用Trae Work而不是IDE来实现demo,就是不想手工改太多代码,没想到效果如此惊艳,需要手工修改代码的只有3D里的铝型材截面花纹和压梁那一条铝型材的长度计算,再无手工改过其他一行代码!!
- 在我修改代码过程中,发现生成的代码结构和注释,跟自己手写的非常相似,经过多轮的Prompt修改后,代码仍然保持简洁,相当赞

- 界面上的Prompt操作,理解得非常好,比如我提出要将材料清单和报价合并,我本来是想着将左下角的价格汇总去掉的,这样更加简洁,但是Trae给我保留了,后面发觉右下角的立即下单跟这个要对应上,这样更加合理。
- 要说比较难或者说调整时间比较长的操作,也是有,就是3D操作的时候,描述的时候得非常非常细,不然就找不到北了,比如说将L型连接件按照型材的交接处加上,他就全部一个朝向地加上,必须得告诉他要看得见、第一层碰到地的怎么做、最高层碰到板的怎么做,非常非常具体,才能实现所想的需求。
- 还没解决的坑(有待提高的技能):在给L型连接件加上螺丝时,调整了很多次都没达到理想效果,还是因为在3D中找不着北的原因,看来我应该先让他生成,再一步步挪动位置放到合适的地方,这个有机会在下一步优化吧。



