73个飞书文档,1小时变网站|AJ在D20峰会的Vibe Design实践

WaytoAGI

73个飞书文档，1小时变成网站

D20 全球设计院长峰会 · Go! Vibe Designing AJ 分享回顾

WaytoAGI900万+学习者的AI原生社区

今年的D20峰会恰巧和“巴威”撞上了，虽然受到了台风影响，但现场的人也没明显减少。

这次的主题是「设计新生」，7月10日-11日两天时间里，全场围绕视觉大模型、设计智能体、AI 硬件、AI 潮玩等 100 多个课题展开了交流。

分论坛主视觉：AI 是一道光，点亮设计初心

WaytoAGI社区发起人AJ受邀参加了 AI 云智能分论坛 Go! Vibe Designing，做了一场「AI时代的设计流程重组」的分享，还和播客主理人刘飞、B 站 UP 主抽象仔一起，把圆桌聊成了一场现场播客。

这次AJ分享的PPT，是全程和Codex对话输出的，她也分享了自己是怎么把审美写成AI能读懂的 Design.md，以及如何设计从一张页面变成一套能持续生长的系统。

👉🏻AJ分享的PPT网页版：d20.waytoagi.com

下面就和线上的朋友们一起回顾下AJ的分享内容。分享题目是「OPC：一群人正在重新定义 AI 创作」，围绕三个问题展开：

风格如何变成资产？
内容如何结构化？
Demo 怎么走向真实市场？

01 AI 到底改变了什么

AI 能画图、能写代码、能生成网页，这些已经不稀奇了。AJ 认为更底层的变化是，设计对象、设计流程和设计师的角色都在被重新定义。执行速度越来越接近，判断力和组织力开始决定差距。

过去设计师做 Logo、Banner 和页面，现在组件、Prompt、Agent、用户任务和商业流程都进入了设计范围。要设计的已经是一整段体验：用户为什么来，如何使用，最后有没有完成目标。

02 用 Design.md 复用高级设计语言

AI 很会执行，但它需要清楚的上下文。颜色、字体、间距、组件和品牌原则，都要变成机器能理解的规则。

当审美可以被描述，它就可以被复用；当规则可以被复用，设计就有了规模。

AJ 演示的做法是 Design.md：输入一个参考网站，AI 抽取色彩、排版、间距和组件气质，生成一份设计语言说明书。

风格从一种感觉，变成了一份可以复制、传递和继续修改的资产。

03 三年知识库，正在变成可生成的网站

有了风格，还需要内容。

WaytoAGI 知识库积累了三年，沉淀了上万篇教程、上千场活动记录，还有大量用户共创内容。这些社区记忆现在都成了 AI 生成网站的上下文，AJ 现场展示了四个例子。

社区大事件网站：给 AI 的输入只有一句需求、知识库内容和一份 Design.md，散落在文档里的社区历史，变成了一个可以浏览的社区展厅

👉🏻地址：events.waytoagi.com

晚 8 点共学：原来是一张多维表格，里面有主题、讲者、海报和纪要。把链接交给 AI，加上设计上下文，就生成了一个学习网站，过去的每一场共学都成了可以重新进入的内容入口

👉🏻地址：w8study.waytoagi.com

Video Battle：做了两年、一共 73 期，原来是 73 个飞书文档。主题、规则、作品和复盘早就沉淀好了，所以网站一个小时内就生成出来

👉🏻地址：promptsbattle.waytoagi.com

大理 Hacker House：只有 7 天的线下现场，人物、照片、手册和笔记都被网站保存下来，一个现场有了公共记忆，它就能持续影响没有来到现场的人

👉🏻地址：hackerhouse-dali.waytoagi.com

这几个案例背后是同一个规律，用 AJ 在现场的话说：上下文越厚，生成越稳。

AJ 在现场：三年知识库，正在变成可生成的网站

04 Logo 也能共创：AGI Builder 的开放结构

6月底，我们在上海举办了一场AGI Builder孵化营，这次活动的 Logo 是一个开放结构，左下是基底，右上是屋檐，中间留给每个人创作。

社区伙伴做出了猫、人物、像素、火焰、硬件等各种版本，差异很大，但都认得出来。这个结构还在继续变成个人数字身份，Founder、Mentor、Staff 都有自己的版本。

第一期 AGI Builder 孵化营，主题是 14 天从想法走到 Demo。AJ 在现场展示了几个刚跑出来的项目。

MIRA Light：一盏「活过来」的台灯，两位年轻 Builder 把 AI、硬件和情绪陪伴放进桌面场景，设计开始拥有性格、动作，以及真实的陪伴感

叽里呱呱 AI 打印桌宠：用户说一句话，AI 完成理解、整理和排版，吐出一张可以拿在手里的纸条，可以是灵感卡、情绪小票，也可以是学习复盘，它可以收藏，可以分享，也可以进入品牌活动和线下空间

MEOWSTER：这是面向日本年轻用户的 AI 生命体应用，关注身份、记忆、成长和陪伴，MEOWSTER 也在尝试进入线下场景，一个 AI 角色可以出现在 App 里，也可以出现在城市活动和真实空间里

05 从 Demo 进入真实市场

这些项目都会撞上同一个问题：Demo 之后，还有上线、获客、支付、SEO、GTM 和持续运营。

AJ 举了个例子，生成网站时可以顺手接入 SEO Skill，标题、描述、页面结构和技术检查在生成阶段一起完成。工具会越来越强，对完整链路的意识会越来越重要。

她把设计师的新边界归成四件事：定义风格、整理资产、生成界面、验证结果。设计的价值，最终要在真实结果里被看见。

演讲最后，她用一句话收束：

AI 时代的设计价值，正在从漂亮画面，扩展为审美、资产、流程和商业结果的组织能力。当页面可以被生成，定义什么值得生成，就成为更重要的能力。

06 圆桌：一人公司的审美表达与商业逻辑

圆桌现场：刘飞 × 抽象仔 XEIIZO × AJ

主题分享之后，《半拿铁》《三五环》播客主理人刘飞，和 AJ、B 站知名 UP 主兼前央视导演抽象仔 XEIIZO 一起，把圆桌做成了一场现场播客，深度聊了 OPC的现状。

嘉宾们的观点可以概括为：

AI 让个人第一次有机会独立完成产品开发、内容创作、社区运营和商业交付。但一人公司不等于人数变少，创作者要重新掌握从表达、生产到分发的全流程
AJ 认为 AI 能做很多事，商业里的困难依然层层叠加，产品、市场、客户、交付、成本、财务都需要基本判断。模型能力在涨，使用成本也在涨，工具层的创新很容易被大模型吸收，个体创业更需要形成自己的领域理解和持续执行力
抽象仔从内容角度补充，真正能形成流量和连接的，往往是真实、具体、带有个人喜好的表达，最标准化的内容反而难出头
圆桌讨论下来，最终的建议是：别等所有条件都准备好再开始。先用 AI 优化自己的工作流，把日常的录音、笔记、想法沉淀成可复用的数字资产，用业余时间不断试验

主论坛上也有几个值得关注的信息。

阿里巴巴集团副总裁、阿里巴巴设计委员会理事长杨光在会上提到，中国 AI 用户规模已超过 6 亿，消费端渗透率超过 40%，工作场景渗透率达到 90%，全国每天新增 2 万多个 Skill。

07 写在最后

AJ 在演讲结尾说，WaytoAGI 想做的是打造原生 AI 社区，让更多人因 AI 而强大。

这次 D20 现场的分享和圆桌，其实都是社区这三年一直在做的事：把学习、共创和实践的记录沉淀下来，再让它们被更多人用起来。