频道:Greg Isenberg · 时长:51:02
| 项目 | 信息 |
|---|---|
| 视频标题 | My AI Design Workflow That Doesn’t Ship Slop |
| 视频链接 | https://www.youtube.com/watch?v=oLu32YpiIJw |
| 频道 | Greg Isenberg |
| 发布日期 | 2026-05-06 |
| 时长 | 51:02 |
| 嘉宾 | Meng To(设计师、Aura 创始人、Design Code 创始人) |
“There’s a way to create beautiful designs, beautiful websites, beautiful apps, beautiful motion… And it’s through this thing called Google MD.”
在 AI 编程和 vibe coding 大行其道的今天,大多数人都能用一句 prompt 生成一个网站或 App,但随之而来的问题是:所有东西看起来都一样。紫色渐变、千篇一律的模板、毫无灵魂的界面——这就是所谓的”AI 味”(slop)。
本期节目中,知名设计师 Meng To 做客 Greg Isenberg 的播客,分享了他完整的 AI 设计工作流。核心理念很简单:用 design.md 文件作为”设计记忆”,让 AI 在每一次生成中都保持一致的品牌调性和视觉品质。Meng To 目前同时开发四款产品,全部由他一人完成,迭代次数动辄上千次,但产出的设计质量足以让人分不清是人类还是 AI 做的。
“If you look at this, it’s hard to tell if this is made by a human or by AI, but I can guarantee you 100% that this was made by AI.”
这篇教程将系统梳理 Meng To 的全部方法论:从什么是 design.md,到如何寻找灵感、如何避免设计漂移、如何跨平台复用设计系统,以及为什么”品味”(taste) 才是你在 AI 时代的真正护城河。
design.md 是 Google 推出的一个开源概念。正如开发者用
agents.md、skills.md、soul.md
来给 AI agent 提供上下文一样,design.md
是专门为设计师和产品构建者准备的:它把一个设计系统的”灵魂”——颜色、字体、间距、动画规则——全部浓缩进一个
Markdown 文件。
“This is for designers. And if you want to take the soul of the design and you want to bring that to the agent and you want to bring a design system, the colors, the typography that makes a design beautiful. Well, you port it and you put it all into an MD file and then you put it into your prompt as an attachment and then boom, you have a beautiful design.”
Meng To 用烹饪做了一个精彩的类比:
“The HTML is more like the sort of finished dish. And the MD file is more like the recipe. The skills are like the ingredients. So, you put it all together, and it becomes your design.”
一个完整的 design.md 文件通常包含:
“If you look at the markdown itself, if you’ve used markdown, it’s essentially a structured text with tables, titles, and code. And if you read through all of this, you have the weapons and the arsenal to essentially prompt efficiently.”
传统设计模板(来自 Figma、Framer、Webflow 等)的问题在于:它们被锁定在特定工具的”像素和矩形”中。你无法把一个 Figma 模板直接”告诉”给 AI agent。
“The problem with those is that they are highly closed behind the techniques and the rectangles and the pixels of Figma or Framer or Webflow. But, you know, then how do you tell that to an agent?”
design.md 解决了这个问题——它是纯文本的、可移植的、任何 AI 工具都能理解的设计蓝图。
设计漂移是指:你用 AI 生成的第一个页面看起来很棒,但当你继续生成其他页面时,设计风格逐渐偏离,变得越来越”通用”和不一致。
“Oftentimes people they want to one-shot something. They saw like a beautiful prompt. They copy and paste that. They have no idea how it’s done. And they also have no leverage on how to change it. So the first screen is not the hard part.”
“You start something, you’re kind of satisfied with it, but then you get into the stuff and it becomes completely different. So that’s why we need design.md.”
很多人停留在”一次生成”的阶段:复制一个漂亮的 prompt,生成一个页面,然后就不知道怎么继续了。问题在于:
“Sure they one-shot it. Sure they don’t know how to change it or make it better, but they still have an amazing one-shot.”
将 design.md 始终附加在你的 prompt 中,AI 就有了一个”设计记忆”。无论你在生成哪个页面、哪种媒介(网页、移动端、宣传视频、幻灯片),设计系统都保持一致。
“I like to think of design.md like a design memory. And this is great because it can transfer between platforms.”
更重要的是,你可以告诉你的 AI agent”记住”这个设计系统:
“You can carry this design.md, and then you can commit it to memory by telling your AI, your agent, to remember.”
Meng To 强调,即使是最优秀的设计师也是从参考(reference)开始的:
“Every designer, every someone who starts drawing something, they always copy first. They always start with a reference.”
Meng To 推荐使用 Variant(variant.com)这类工具来快速进入创意状态。工作流很简单:
“Essentially what you want to do is just to remix, click one button, remix, click one button, remix. You find something that you like, you remix, and so on and so forth.”
Skills(技能)是预设的 prompt 模板,每个 skill 代表一种特定的视觉效果或设计风格。Meng To 在 Aura 平台上提供了 63+ 个 skills,涵盖:
“Each skill has a prompt, so you can copy this… Skills, design.md, HTML, all of these things if you merge all of them and blend all of them together, you create something really really powerful.”
“Nowadays, just having the typography, just having the colors is not enough unless it’s a secondary page or unless it’s something that is very serious. But, if you’re talking about a landing page or a promo video, you need a moat.”
在落地页、宣传视频这类需要吸引注意力的场景中,你需要 WebGL 动画、特效、3D 元素这些”特殊武器”。这正是 skills 的价值所在。
Meng To 的完整工作流可以概括为六个步骤:
“You start with a reference… And then we generate, we inspect, and then eventually, using the design.md, you systematize. And then you iterate. This is where I get to a thousand iterations. And then you remix it to turn it into more mediums.”
这是一个关键区分:
“Iteration is when you’re happy with the result and you want to kind of do small improvements and remix is when you want to build a new product category.”
当被问到构建他的产品用了多少个 prompt 时,Meng To 的回答让主持人大吃一惊:
“At least a thousand. This is how obsessive one can be when it comes to creating.”
这不是夸张——他同时开发四款产品(Aura、Newform、Dream Cut、Design Code 重建),每款产品都经历了上千甚至上万次迭代。
“Some of them 10,000 iterations.”
Meng To 展示了完整的操作流程:
他还展示了在 Google Stitch 上的类似流程,证明 design.md 是跨平台通用的。
Meng To 开发的 Newform 工具引入了”队列”概念:你可以同时排队多个设计任务,AI 会依次生成。
“I love the idea of queuing… nowadays I create like three, four products at the same time. I have like multiple chats with sub agents across all of them.”
这类似于 Midjourney 的体验——你可以一次性排队多个生成任务,进入一种创意”心流状态”。
有了 design.md 和 skills,你可以轻松将同一个设计转换为:
“A lot of the things we do can just be transferred so easily because we have this concept of skills and design.md.”
Meng To 特别强调了本地化 (local-first) 的优势:所有文件都存储在本地磁盘上的 MD 文件中,这意味着你可以:
“For me, that moat right now is the fact that everything is local… it generates these MD files across folders and nested folders that I can just open in Codex and tell my agent to prepare all of these screens.”
“We’re doing a lot less of the moving pixels, moving rectangles and resizing things. We’re doing a lot more judgment per minute.”
在 AI 时代,设计师的角色从”执行者”变成了”决策者”。AI agent 负责移动像素和编码,设计师负责做出正确的判断。
Meng To 引用了 Amazon CEO 的观点:
“The CEO of Amazon was saying if you make one really good, powerful decision in a day, then that changes your entire business.”
但同时,设计师还需要做大量的”微决策”——因为 AI 目前还不够智能,无法自行处理这些细节。随着 AI 的进步,人类需要做的决策会越来越宏观。
“Nowadays everyone is a designer and everyone is kind of downloading a template on HTML or design.md and then suddenly they have the most beautiful landing page.”
这对传统设计师来说既是挑战,也是机遇。以前只有受过专业训练的人才能做出好设计,现在任何人都可以——但理解完整工作流、能持续产出一致品质的人依然是少数。
“We’re now everyone’s like a creator. Everyone’s like an Instagram, you know, filmmaker of some sort.”
Meng To 自己也从未做过这么多营销工作:YouTube 视频、幻灯片、宣传视频——这些以前需要整个团队才能完成的事,现在一个人就能搞定。
“Taste is the real value here.”
Meng To 在节目最后反复强调:在 AI 能帮每个人做出”还不错”的设计的时代,品味才是区分优秀与平庸的唯一标准。
“When I say taste, I don’t necessarily just mean design taste… taste in coding, taste in building apps.”
品味是一种跨领域的能力。就像咖啡师每天做几百杯咖啡后自然知道什么是完美的浓缩,设计品味也来自大量的浸泡和练习。
Meng To 给出了具体建议:
“You have to just be surrounded by good design. You have to look at good designs, not just be served by it, but also to look for it everywhere.”
Greg 提出了一个精彩的概念:很多人有笔记、会议记录、创意想法的”第二大脑”,但很少有人建立设计灵感的第二大脑。
“A lot of us don’t have a second brain for design inspiration… when you see something in the real world or on the digital world where you’re like, ‘This is really cool,’ capturing that and putting it somewhere.”
“Please use your taste every step of the way and don’t let AI do everything for you. And even if you do let AI do a lot of things for you, make sure that it’s part of a workflow that you already mastered.”
这是整期节目最重要的一句话:AI 是工具,不是替代品。你需要掌握工作流,然后让 AI 加速执行。
| 概念 | 定义 | 类比 |
|---|---|---|
| design.md | 包含完整设计系统的 Markdown 文件 | 食谱 |
| Skills | 单个视觉效果/设计风格的 prompt 模板 | 食材 |
| HTML 模板 | 设计的具体实现代码 | 成品菜 |
| Design Drift | AI 生成多页面时风格逐渐偏离 | 做菜越做越走味 |
| One-shot | 用单个 prompt 一次性生成设计 | 速食 |
| Iteration | 在满意的基础上反复微调 | 精雕细琢 |
| Remix | 将设计转化为全新媒介或类别 | 改编翻拍 |
| Queuing | 同时排队多个设计生成任务 | 流水线 |
| Taste | 快速做出正确设计判断的能力 | 品酒师的味觉 |
| Design Memory | design.md 充当的”设计记忆”角色 | 家族菜谱 |
| WebGL / Three.js | 实现高级网页动画的技术 | 电影特效 |
| Local-first | 所有文件存储在本地的开发模式 | 自家厨房 |
“The reason why I’m saying HTML is that design.md may not hold all the information that you need to create your first result.”
design.md 提供排版、颜色、间距等基础规则,而 HTML 文件包含 WebGL 和 Three.js 的动画实现。两者结合才能获得完整效果。
不要每次都手动附加 design.md。告诉你的 AI agent”记住这个设计系统”,让它成为所有后续对话的基础上下文。
仅有排版和颜色已经不够。在落地页等需要吸引注意力的场景中,激光效果、3D 元素、WebGL 动画等 skills 才是让你脱颖而出的关键。
大部分时间应该花在迭代上(微调、优化、完善),只有在需要扩展到新媒介时才进行 remix。不要急于跳到 remix 阶段。
将所有设计文件以 MD 格式存储在本地文件夹中,然后用 Codex、Claude Code 等工具直接打开整个项目文件夹,让 agent 基于完整上下文进行创作。
不要一个一个地生成设计。设置多个生成任务排队执行,像 Midjourney 那样进入创意心流状态。
“They copy and paste that. They have no idea how it’s done. And they also have no leverage on how to change it.”
理解 design.md 中每个字段的含义(什么是 font smoothing?什么是 secondary button?什么是 system font?),这样你才能有效地与 AI 沟通。
在日常生活中看到好的设计(无论是实体还是数字),立即截图或记录下来。当你需要创作新东西时,这个灵感库就是你的起点。
现实:One-shot 只是起点。Meng To 的产品经历了上千次迭代才达到最终品质。一次生成可能看起来不错,但无法保证跨页面、跨媒介的一致性。
现实:紫色渐变曾经让人眼前一亮,但现在已经变成了”AI 味”的标志。看到紫色渐变,很多人会直接关闭页面。
“If you look at the purple gradient, everyone was like, ‘Wow, purple gradient, I want to use that.’ But nowadays, if you see something with purple gradients, you just run.”
现实:design.md 只包含排版、颜色、间距等基础信息。如果你想要动画效果(激光、3D、WebGL),还需要下载对应的 HTML 文件和 skills。
现实:Meng To 的做法是不在 agents.md 里放设计规则。design.md 按项目使用,skills 按工作流使用,这样更灵活、更省 token。
“I don’t put anything in my agents.md, because I have my design.md, which I use per project, and then I have my skills, which I use per workflow.”
现实:每个设计师都从参考开始。关键不在于你的起点,而在于你通过上千次迭代后到达的终点。
现实:恰恰相反。
“AI is not making me lazier. AI is making me work more.”
AI 让你能做更多的事情,但每一件事情仍然需要你的判断、品味和无数次迭代。
现实:Meng To 同时独自开发四款产品,每一款都达到了专业水准。AI 时代,一个人完全可以扮演”产品控股公司”的角色。
“You’re essentially building a holding company of products as a one-person business.”
现实:design.md 不仅包含视觉规则,还可以通过 copywriting skill 优化文案。好的设计是视觉、文案、交互的统一。
现实:在 AI 时代,细分领域 (niche) 是关键。通才已经无法与拥有海量资源的大公司竞争。
“Niche is the keyword here because you cannot compete anymore with people who are generalized.”
现实:用户能够感知到产品背后是否有”用心”。AI 可以加速执行,但品味和判断必须来自人类。
“When you use a product and when you really take a magnifier and you look into it, you really feel the care that is put into it. It’s not because we have AI that we can skip all of that care.”
design.md 是 AI 时代的设计蓝图:一个 Markdown 文件,包含排版、颜色、间距、动画规则,可以跨平台、跨工具使用,让 AI 生成的设计始终保持一致。
设计漂移是最大的敌人:没有 design.md,AI 在生成多个页面或多种媒介时会逐渐偏离原始风格。解决方案是将 design.md 始终附加在 prompt 中,或提交到 agent 的记忆中。
Skills 是你的视觉护城河:激光效果、3D 元素、WebGL 动画等 skills 能让你的设计从”还不错”升级到”令人惊艳”,避免千篇一律的模板感。
同时下载 design.md 和 HTML:design.md 是食谱,HTML 是成品参考,skills 是食材。三者结合才能产出高品质设计。
迭代是核心:一千次迭代不是夸张,而是高品质产品的常态。90% 的时间用于迭代微调,10% 用于 remix 扩展到新媒介。
品味 (taste) 是终极护城河:在 AI 能帮每个人做出”还不错”设计的时代,快速做出正确设计判断的能力才是真正的差异化。
本地优先的文件结构是独特优势:将设计文件存储为本地 MD 文件,让 Codex 或 Claude Code 等工具基于完整项目上下文进行创作。
每个人都是设计师,但不是每个人都有工作流:one-shot 生成谁都会,但拥有完整的”参考-生成-审查-系统化-迭代-remix”工作流的人才能持续产出高品质设计。
不要把所有规则塞进 agents.md:design.md 按项目使用,skills 按工作流使用,这样既省 token,又更灵活。
建立设计灵感的”第二大脑”:主动收集和整理你看到的好设计,而不是被动等待灵感出现。这个灵感库将成为你所有创作的起点。
AI 不会让你更懒,只会让你做更多:真正用好 AI 的人会发现自己比以前更忙——因为能做的事情变多了,但每件事仍然需要判断和品味。
先独立做到产品市场契合,再考虑团队:一个人可以同时开发多款产品达到 MVP,但长期来看,真实的人和真实的手艺仍然不可或缺。
这期节目的核心信息可以浓缩为一句话:AI 能帮你做出好设计,但只有你的品味和工作流能帮你做出伟大的设计。
Meng To 展示了一个清晰的路径:从 design.md 获取设计基础,用 skills 添加视觉差异化,通过上千次迭代打磨品质,最终通过 remix 扩展到多种媒介。这个工作流的每一步都需要人类的判断——AI 只是加速了执行。
在 vibe coding 和紫色渐变泛滥的今天,拥有品味的人反而变得更加稀缺和珍贵。正如 Meng To 所说:
“Nowadays, we want authenticity, we want niche, we want taste. And if something looks like another thing, it kind of reduces the value by like almost 10 to 100X.”
不要满足于 one-shot。不要复制别人的 prompt 然后就此停步。建立你自己的 design.md,积累你自己的 skills 库,培养你自己的品味——然后让 AI 帮你把这一切变成现实。
“Don’t let AI do everything for you. And even if you do let AI do a lot of things for you, make sure that it’s part of a workflow that you already mastered.”