2025年5月，Intercom产品设计团队汇聚伦敦办公室，开启了一场别开生面的Vibe Coding黑客松。这场活动不仅让30多位分布于欧洲各地的设计师们齐聚一堂，更激发了团队借助人工智能技术，快速构建产品原型的无限可能。作为一场全新形式的设计与编码融合尝试，此次黑客松以“仅用AI打造可用的Intercom相关项目”为核心目标，为产品设计赋予了前所未有的活力和挑战。 团队选定的项目是为“Intercom Design”创建一个全新的官方网站，集中展现Intercom的设计案例、灵感来源及思想领导力，旨在打造一个引人入胜且内容丰富的在线设计空间。设计师们利用Lovable、Cursor等多款AI工具，尝试在极短时间内，从零开始构建一个具备原型功能的网站。 黑客松的头脑风暴阶段，团队灵感源自于当代知名设计师的作品以及协作工具FigJam，决定打造一种“桌面拼贴画”式的体验，让访问者能够自由地在内容块间漫游，感受设计团队特有的创作混沌与活力。
设计师们将这独特理念细致地融合在长达两页的深度提示词内，寄望AI能“一次成型”地呈现他们的构想。 然而现实很快显露AI技术当下的局限。虽然Lovable初步生成的网页令人惊喜，但内容块既无法拖拽，页面也无法滚动，最初的交互设计需求难以通过简单的文字提示被完美实现。每当团队试图调整小细节，AI反而重新生成大量代码，常常破坏之前正常的功能，显示出机器学习模型在理解复杂用户交互上的挑战。 面对这种“自信满满却力不从心”的AI表现，团队深刻认识到独特的用户界面行为，尤其是无限滚动与动态拖拽等功能，仍然需要工程师的介入和细致调试。尽管如此，团队仍决定以最简可行产品（MVP）为目标，迅速完成第一版，向所有参与者展示了他们的努力成果。
这种“完成优于完美”的心态，也成为AI辅助设计快速迭代的一大启示。 随后，团队决定转战另一款AI工具Cursor，虽然不得不从头构建网站，但他们获得了更灵活的纯JavaScript开发环境，大幅提升了开发速度和效果。借助Cursor，设计师们不断优化网站布局和交互体验，逐步完善了滚动机制、交互动画、暗黑模式及导航小地图等多个关键功能。技术与设计之间的平衡愈发和谐，网站由此升华为一个相对成熟的数字作品。 内容层面的设计同样不可忽视。设计师们细致策划内容结构，合理分区文章、视频、播客及自由浮动的媒体卡片，确保网站不仅在形式上出众，更在内容质量和更新节奏上保持活力。
虽然目前仍沿用较为简洁的内容管理方案，团队已明确未来需要集成CMS系统，构建涉及所有设计师的持续内容产出与分享机制。 黑客松的成功不仅彰显了设计团队利用现代AI工具独立快速开发的能力，更为设计与技术融合提供了宝贵经验。经过三个设计师与两款AI工具联手打造，Intercom Design新站点在短短一天内上线，为业内展示了AI与创意设计共舞的未来图景。未来，随着AI能力不断提升及团队经验积累，这种“无需大量工程师支持，由设计师主导的快速开发”模式或将改变传统数字产品的制作流程。 从此案例中，我们看到AI在产品设计领域既带来了前所未有的创作自由和效率加成，也暴露了交互复杂度和技术细节无法单靠自然语言提示完全驾驭的短板。设计师们的实践告诉我们，AI是强有力的助手，但完美的用户体验依然离不开人类对细节的把控与工程技术的支持。
未来，如何精准设计提示词，合理组合多种AI工具，配合工程师的辅助，将成为AI辅助设计作品不断进阶的关键路径。 这次Vibe Coding黑客松不仅是一场技术实验，更犹如一场设计理念的盛宴。团队在极短时间内完成了从构想到上线的闭环，在互相协作和智慧激荡中收获了极大满足。Intercom Design网站已经成为设计师们分享灵感和经验的舞台，也期待更多设计师、产品经理和开发者参与，共同见证AI赋能产品设计的无尽可能。未来，设计与AI的深度融合必将推动整个行业迈向更高效、更创新的新时代。
