← 回總覽

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

📅 2026-07-12 22:00 通往AGI之路 人工智能 8 分鐘 9778 字 評分: 84
AI设计 知识库 社区运营 AI工作流 设计系统
📌 一句话摘要 AJ 在 D20 峰会分享如何通过 Design.md 与社区知识库,用 AI 将 73 份飞书文档在一小时内生成网站,并阐述 AI 时代设计价值的转变。 📝 详细摘要 文章回顾了 AJ 在 D20 全球设计院长峰会 AI 云智能分论坛的演讲,围绕 "OPC:一群人正在重新定义 AI 创作" 展开。她指出 AI 已使设计对象、流程和角色被重新定义,设计价值从单纯的漂亮画面扩展为审美、资产、流程和商业结果的组织能力。核心实践是通过 Design.md 将审美转化为机器可读的规则,利用厚实的社区知识库(如活动记录、共学笔记、视频 battle 文档等)作为上下文,使 AI 能在
WaytoAGI 73个飞书文档,1小时变成网站

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

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

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

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

!Image 2: 分论坛主视觉

分论坛主视觉: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 怎么走向真实市场?

!Image 3: AJ 分享封面 01AI 到底改变了什么

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

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

!Image 4: 设计对象的变化 02用 Design.md 复用高级设计语言

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

当审美可以被描述,它就可以被复用;当规则可以被复用,设计就有了规模。 AJ 演示的做法是 Design.md:输入一个参考网站,AI 抽取色彩、排版、间距和组件气质,生成一份设计语言说明书。

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

!Image 5: Design.md 演示 03三年知识库,正在变成可生成的网站 有了风格,还需要内容。

WaytoAGI 知识库积累了三年,沉淀了上万篇教程、上千场活动记录,还有大量用户共创内容。这些社区记忆现在都成了 AI 生成网站的上下文,AJ 现场展示了四个例子。 社区大事件网站:给 AI 的输入只有一句需求、知识库内容和一份 Design.md,散落在文档里的社区历史,变成了一个可以浏览的社区展厅

👉🏻地址:events.waytoagi.com

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

👉🏻地址:w8study.waytoagi.com

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

👉🏻地址:promptsbattle.waytoagi.com

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

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

!Image 9: 大理 Hacker House 网站

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

!Image 10: AJ 在现场

AJ 在现场:三年知识库,正在变成可生成的网站 04Logo 也能共创:AGI Builder 的开放结构

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

!Image 11: AGI Builder Logo 开放结构

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

!Image 12: Logo 共创版本

第一期 AGI Builder 孵化营,主题是 14 天从想法走到 Demo。AJ 在现场展示了几个刚跑出来的项目。 MIRA Light:一盏「活过来」的台灯,两位年轻 Builder 把 AI、硬件和情绪陪伴放进桌面场景,设计开始拥有性格、动作,以及真实的陪伴感

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

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

!Image 15: MEOWSTER 05从 Demo 进入真实市场

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

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

!Image 16: SEO Skill 演示

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

演讲最后,她用一句话收束: AI 时代的设计价值,正在从漂亮画面,扩展为审美、资产、流程和商业结果的组织能力。当页面可以被生成,定义什么值得生成,就成为更重要的能力。

!Image 17: 演讲收束页 06圆桌:一人公司的审美表达与商业逻辑

!Image 18: 圆桌现场

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

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

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

* AI 让个人第一次有机会独立完成产品开发、内容创作、社区运营和商业交付。但一人公司不等于人数变少,创作者要重新掌握从表达、生产到分发的全流程

* AJ 认为 AI 能做很多事,商业里的困难依然层层叠加,产品、市场、客户、交付、成本、财务都需要基本判断。模型能力在涨,使用成本也在涨,工具层的创新很容易被大模型吸收,个体创业更需要形成自己的领域理解和持续执行力

* 抽象仔从内容角度补充,真正能形成流量和连接的,往往是真实、具体、带有个人喜好的表达,最标准化的内容反而难出头

* 圆桌讨论下来,最终的建议是:别等所有条件都准备好再开始。先用 AI 优化自己的工作流,把日常的录音、笔记、想法沉淀成可复用的数字资产,用业余时间不断试验

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

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

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

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

!Image 19: 现场大屏上的 AGI 小鹿

想翻这次演讲的完整 PPT,或者想加入社区一起学习、一起 Build,下面的链接可以直达。

!Image 20: Go! Vibe Designing 分论坛合影

Go! Vibe Designing 分论坛合影 本文资料汇总(需复制到浏览器打开)

AJ 演讲 PPT 网页版:d20.waytoagi.com

社区大事件网站:events.waytoagi.com

晚8点共学网站:w8study.waytoagi.com

Video Battle网站:promptsbattle.waytoagi.com

大理Hacker House网站:hackerhouse-dali.waytoagi.com

WaytoAGI知识库:waytoagi.feishu.cn/wiki/QPe5w5g7UisbEkkow8XcDmOpn8e

👀 近期看点 在WAIC隔壁,我们要组一场Agent创业者的「避坑局」 WaytoGrowth官宣!我们为所有AI品牌搭建了一个GTM系统 21万奖金,来「小有可为」一起AI向善! 340家初创公司、近2万参会者,日本AI创业现场到底什么样?

查看原文 → 發佈: 2026-07-12 22:00:00 收錄: 2026-07-13 06:00:53

🤖 問 AI

針對這篇文章提問,AI 會根據文章內容回答。按 Ctrl+Enter 送出。