不出"AI味"的设计工作流 -- 用 design.md 打造令人惊艳的产品设计

频道:Greg Isenberg · 时长:51:02

📺 Greg Isenberg ⏱ 51:02 🗓 2026-05-19
项目 信息
视频标题 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 – 设计的”灵魂文件”

1.1 什么是 design.md

design.md 是 Google 推出的一个开源概念。正如开发者用 agents.mdskills.mdsoul.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.”

1.2 design.md 的核心比喻

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.”

1.3 design.md 的内容结构

一个完整的 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.”

1.4 为什么需要 design.md 而非传统模板

传统设计模板(来自 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 时代最大的设计痛点

2.1 什么是设计漂移 (Design Drift)

设计漂移是指:你用 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.”

2.2 为什么 One-shot 不够

很多人停留在”一次生成”的阶段:复制一个漂亮的 prompt,生成一个页面,然后就不知道怎么继续了。问题在于:

  1. 你不理解它是如何做到的——所以无法复现
  2. 你没有控制力——无法在此基础上做修改
  3. 一致性会丧失——后续页面风格会”漂移”

“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.”

2.3 design.md 如何解决漂移

将 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.”


第三阶段:灵感获取与 Remix 工作流

3.1 从模仿开始——这不丢人

Meng To 强调,即使是最优秀的设计师也是从参考(reference)开始的:

“Every designer, every someone who starts drawing something, they always copy first. They always start with a reference.”

3.2 使用 Variant 进行快速 Remix

Meng To 推荐使用 Variant(variant.com)这类工具来快速进入创意状态。工作流很简单:

  1. 浏览社区中的设计作品
  2. 看到喜欢的,点击 Remix
  3. 在 remix 的基础上继续调整
  4. 重复,直到满意

“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.”

3.3 Skills 是你的视觉”护城河”

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.”

3.4 为什么仅有排版和颜色不够

“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 的价值所在。


第四阶段:完整设计工作流 – 从参考到成品

4.1 六步工作流

Meng To 的完整工作流可以概括为六个步骤:

  1. 参考 (Reference):找到一个你喜欢的设计,获取它的 design.md 或截图
  2. 生成 (Generate):将 design.md + HTML + 你的需求 prompt 交给 AI 生成第一版
  3. 审查 (Inspect):用设计师的眼光检查生成结果
  4. 系统化 (Systematize):通过 design.md 建立一致的设计系统
  5. 迭代 (Iterate):反复微调,可能达到上千次
  6. Remix:将成熟的设计扩展到其他媒介(移动端、幻灯片、宣传视频等)

“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.”

4.2 迭代 vs Remix 的区别

这是一个关键区分:

“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.”

4.3 一千次迭代的威力

当被问到构建他的产品用了多少个 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.”

4.4 实际操作演示

Meng To 展示了完整的操作流程:

  1. 在 Aura 平台打开 design.md 页面
  2. 下载 design.md 文件和对应的 HTML 模板
  3. 将两个文件作为附件添加到 prompt 中
  4. 输入需求(例如:“Create a landing page for my startup called Aura, a chat app using AI”)
  5. AI 生成完整的落地页
  6. 继续添加元素(如”create the footer”)
  7. 应用 skills(如 copywriting skill 优化文案)

他还展示了在 Google Stitch 上的类似流程,证明 design.md 是跨平台通用的。


第五阶段:队列创作与多媒介扩展

5.1 队列 (Queuing) 的力量

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 的体验——你可以一次性排队多个生成任务,进入一种创意”心流状态”。

5.2 跨媒介转换

有了 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.”

5.3 本地优先的护城河

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.”


第六阶段:设计师角色的演变

6.1 从移动像素到做判断

“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 负责移动像素和编码,设计师负责做出正确的判断。

6.2 大决策与小决策

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 的进步,人类需要做的决策会越来越宏观。

6.3 每个人都是设计师

“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.”

这对传统设计师来说既是挑战,也是机遇。以前只有受过专业训练的人才能做出好设计,现在任何人都可以——但理解完整工作流、能持续产出一致品质的人依然是少数。

6.4 每个人都是创作者

“We’re now everyone’s like a creator. Everyone’s like an Instagram, you know, filmmaker of some sort.”

Meng To 自己也从未做过这么多营销工作:YouTube 视频、幻灯片、宣传视频——这些以前需要整个团队才能完成的事,现在一个人就能搞定。


第七阶段:品味 (Taste) – AI 时代的终极护城河

7.1 品味是真正的价值

“Taste is the real value here.”

Meng To 在节目最后反复强调:在 AI 能帮每个人做出”还不错”的设计的时代,品味才是区分优秀与平庸的唯一标准。

7.2 品味不仅是设计品味

“When I say taste, I don’t necessarily just mean design taste… taste in coding, taste in building apps.”

品味是一种跨领域的能力。就像咖啡师每天做几百杯咖啡后自然知道什么是完美的浓缩,设计品味也来自大量的浸泡和练习。

7.3 如何培养品味

Meng To 给出了具体建议:

  1. 多看好设计——不要被动接受,要主动寻找
  2. 使用你所在领域的每一个 App
  3. 关注你所在细分领域的每一个创作者和 maker
  4. 找到你的细分领域 (niche)——通才已经无法竞争

“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.”

7.4 建立你的”设计第二大脑”

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.”

7.5 不要让 AI 替你做所有事

“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 所有文件存储在本地的开发模式 自家厨房

实用技巧总结

技巧 1:始终同时下载 design.md 和 HTML

“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 的动画实现。两者结合才能获得完整效果。

技巧 2:将 design.md 提交到 agent 的记忆中

不要每次都手动附加 design.md。告诉你的 AI agent”记住这个设计系统”,让它成为所有后续对话的基础上下文。

技巧 3:用 Skills 作为视觉差异化的武器

仅有排版和颜色已经不够。在落地页等需要吸引注意力的场景中,激光效果、3D 元素、WebGL 动画等 skills 才是让你脱颖而出的关键。

技巧 4:90% 迭代 + 10% Remix

大部分时间应该花在迭代上(微调、优化、完善),只有在需要扩展到新媒介时才进行 remix。不要急于跳到 remix 阶段。

技巧 5:利用本地文件系统构建护城河

将所有设计文件以 MD 格式存储在本地文件夹中,然后用 Codex、Claude Code 等工具直接打开整个项目文件夹,让 agent 基于完整上下文进行创作。

技巧 6:使用队列模式提升创作效率

不要一个一个地生成设计。设置多个生成任务排队执行,像 Midjourney 那样进入创意心流状态。

技巧 7:不要只复制 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.”

理解 design.md 中每个字段的含义(什么是 font smoothing?什么是 secondary button?什么是 system font?),这样你才能有效地与 AI 沟通。

技巧 8:建立设计灵感的”第二大脑”

在日常生活中看到好的设计(无论是实体还是数字),立即截图或记录下来。当你需要创作新东西时,这个灵感库就是你的起点。


常见误区

误区 1:一次生成就够了

现实:One-shot 只是起点。Meng To 的产品经历了上千次迭代才达到最终品质。一次生成可能看起来不错,但无法保证跨页面、跨媒介的一致性。

误区 2:紫色渐变 = 好设计

现实:紫色渐变曾经让人眼前一亮,但现在已经变成了”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.”

误区 3:只需要 design.md 就够了

现实:design.md 只包含排版、颜色、间距等基础信息。如果你想要动画效果(激光、3D、WebGL),还需要下载对应的 HTML 文件和 skills。

误区 4:把所有规则都塞进 agents.md

现实: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.”

误区 5:用模板就是在”抄袭”

现实:每个设计师都从参考开始。关键不在于你的起点,而在于你通过上千次迭代后到达的终点。

误区 6:AI 让设计师变得懒惰

现实:恰恰相反。

“AI is not making me lazier. AI is making me work more.”

AI 让你能做更多的事情,但每一件事情仍然需要你的判断、品味和无数次迭代。

误区 7:一个人做不了好产品

现实:Meng To 同时独自开发四款产品,每一款都达到了专业水准。AI 时代,一个人完全可以扮演”产品控股公司”的角色。

“You’re essentially building a holding company of products as a one-person business.”

误区 8:设计只是视觉层面的事

现实:design.md 不仅包含视觉规则,还可以通过 copywriting skill 优化文案。好的设计是视觉、文案、交互的统一。

误区 9:通才比专才更有竞争力

现实:在 AI 时代,细分领域 (niche) 是关键。通才已经无法与拥有海量资源的大公司竞争。

“Niche is the keyword here because you cannot compete anymore with people who are generalized.”

误区 10:AI 做得好就不需要人为把关了

现实:用户能够感知到产品背后是否有”用心”。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.”


关键要点

  1. design.md 是 AI 时代的设计蓝图:一个 Markdown 文件,包含排版、颜色、间距、动画规则,可以跨平台、跨工具使用,让 AI 生成的设计始终保持一致。

  2. 设计漂移是最大的敌人:没有 design.md,AI 在生成多个页面或多种媒介时会逐渐偏离原始风格。解决方案是将 design.md 始终附加在 prompt 中,或提交到 agent 的记忆中。

  3. Skills 是你的视觉护城河:激光效果、3D 元素、WebGL 动画等 skills 能让你的设计从”还不错”升级到”令人惊艳”,避免千篇一律的模板感。

  4. 同时下载 design.md 和 HTML:design.md 是食谱,HTML 是成品参考,skills 是食材。三者结合才能产出高品质设计。

  5. 迭代是核心:一千次迭代不是夸张,而是高品质产品的常态。90% 的时间用于迭代微调,10% 用于 remix 扩展到新媒介。

  6. 品味 (taste) 是终极护城河:在 AI 能帮每个人做出”还不错”设计的时代,快速做出正确设计判断的能力才是真正的差异化。

  7. 本地优先的文件结构是独特优势:将设计文件存储为本地 MD 文件,让 Codex 或 Claude Code 等工具基于完整项目上下文进行创作。

  8. 每个人都是设计师,但不是每个人都有工作流:one-shot 生成谁都会,但拥有完整的”参考-生成-审查-系统化-迭代-remix”工作流的人才能持续产出高品质设计。

  9. 不要把所有规则塞进 agents.md:design.md 按项目使用,skills 按工作流使用,这样既省 token,又更灵活。

  10. 建立设计灵感的”第二大脑”:主动收集和整理你看到的好设计,而不是被动等待灵感出现。这个灵感库将成为你所有创作的起点。

  11. AI 不会让你更懒,只会让你做更多:真正用好 AI 的人会发现自己比以前更忙——因为能做的事情变多了,但每件事仍然需要判断和品味。

  12. 先独立做到产品市场契合,再考虑团队:一个人可以同时开发多款产品达到 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.”