用AI做精美设计避免AI味

• 本期是 Peter Yang（主持）访谈 Meng To——资深设计师、教学平台 Design+Code 创始人、AI 设计工具 Aura 的创始人。Peter 一句话定位 Meng：「用 AI 给网站和产品做出惊艳设计、而不是那种千篇一律的『AI 味』垃圾（generic AI slop）的高手」。所谓 slop，就是一眼能看出是 AI 随手生成、毫无个性的东西。→ 详细
• Meng 开场就抛出全片最核心的警告：「AI 会把这个基准线（baseline）给你定下来，越来越多人做出来的东西都会是这种感觉，特别千篇一律——而这恰恰是你最不想要的。」意思是当所有人都用 AI、都拿到同一个「及格线」产物时，「及格」本身就不再值钱，独特性才是。→ 详细
• 全片的元方法论也在开场点明：Peter 说「我更愿意把 AI 看成一个增强你（augment you）的工具，而不是替你把所有活全包了」，并预言「大概再过半年，我们就能做出 DIA 那个级别的精美网站，或者像 Comet 那个漂亮的落地页一样」。整场就是 Meng 现场演示，把这套「人机分工」拆给你看。→ 详细

▲ Meng 立的"满分标杆"之一：Comet 落地页用优雅衬线字体写 "Browse at the speed of thought"，大量留白、极简——和下面那种紫渐变 generic 页是两个世界。

• Meng 用两个真实产品当「满分参照系」：DIA（一款浏览器）和 Perplexity 的 Comet。他强调「它们代表了你想达到的『满分 10 分』水平。当然我们都是从 1 分起步的，但知道目标长什么样是很有用的」。先看清终点，才知道自己差在哪。→ 详细
• 他特意挑这两个是因为「这些都是我自己平时在用的产品……当你真的在用一个东西时，你才清楚自己到底想要什么、该看什么」。这是一条隐含建议：拿你自己天天用、真心喜欢的产品当标杆，而不是泛泛地找「好看的网站」。→ 详细
• 他顺手拆解了一张落地页（landing page，即产品对外的「门面」单页）的标准骨架：导航栏（navigation）、hero 区（首屏主视觉大区）、功能介绍区（feature section）、路线图、用户证言（testimonials）。看懂这套结构，你才知道每一块该塞什么、该向 AI 要什么。→ 详细

▲ "普通 AI 用户"用一句话 prompt 做出的网页：紫蓝渐变 + 居中排版 + 默认字体——典型的"AI 味"基准线，几个工具跑出来都长一个样。

• Meng 当场做了一个很有说服力的实验：用同一句最朴素的 prompt——「给一个新的 AI 浏览器做一个漂亮的落地页（create a beautiful landing page for a new AI browser）」——分别丢给 Aura、v0、Lovable 等工具各跑一遍。他反复强调「我真没作弊，你能看到 prompt 全都一样」。→ 详细
• 结果暴露出惊人一致的「AI 味套路」：超粗的大标题、字体一律是 Inter、配色从头到尾全是紫色，有时更糟是白底配上特别套路的文字和样式。Meng 的判语：「你可能已经注意到一个规律了……这绝对是有规律的（It's definitely a pattern）」。这就是所谓 slop 的长相。→ 详细
• 他点破背后的因果链：「随着越来越多人——最终是几百万、上亿人——都在做网站，AI 会把这个基准线给你定下来。」这不是某个工具的 bug，而是「所有人用同一批模型、同一种默认审美」的必然结果。它本身没错，但「这恰恰是你最不想要的」。→ 详细

• 这是 Meng 反复砸下的核心金句：「90% 的路你尽管用 AI，但最后那 10%，你真的应该学会怎么换字体、换图片，比如怎么从头做一个按钮——因为如果你不这么做，你的设计就会从头到尾都很 generic。」那 10% 正是「不撞脸」的全部秘密所在。→ 详细
• 他给出「只依赖 AI」的致命隐患：「一旦出了错，你会束手无策、直接放弃，不知道还能怎么办，不知道该怎么闯过去、怎么熬过那个卡壳的坎。」换句话说，不懂底层的人，遇到 AI 搞砸时没有 plan B，只能认栽。→ 详细
• Peter 用自己的话复述并补强了这条法则：「我把 AI 看成一个能帮你从 0 做到 50 分、80 分的工具，但它永远做不到完美。所以你之后总得自己手动调一调（manual tweaks）。」两人在这一点上高度共识。→ 详细

• Meng 点破新手最大的误区：「很多人没意识到，光有一个 prompt 是远远不够的。你更需要的是素材——是范例、模板和参考（resources, examples, templates, references）。」prompt 是「怎么说」，参考是「照着谁做」，后者权重大得多。→ 详细
• 具体手法是「点名（name dropping）」那些惊艳作品：「你可以点名 Perplexity，可以点名 DIA、Apple、Linear……所有这些惊艳的设计——遗憾但事实就是，AI 通常都是拿这些训练出来的。」直接在 prompt 里报出这些名字，等于把模型往好审美上拽。→ 详细
• 他用 Midjourney 做类比把道理讲透：「Midjourney 今天能这么强，靠的就是所有那些了不起的摄影师、艺术家和平面设计师。今天的 Lovable、v0、网页设计也是一样的道理——它们需要范例。」AI 的上限，本质上是它见过的好东西的上限。→ 详细

• Aura 是 Meng 一个人从零「vibe code」（凭感觉氛围式编程，即靠自然语言指挥 AI 把代码写出来，自己不逐行手敲）出来的产品，他强调「整个 Aura 都是用 AI 搭出来的，全是 vibe coding」。他个人主页上已经积累了 642 个亲手做过、试验过的设计。→ 详细
• 它和 Lovable、v0 的根本区别在于「Aura 现阶段更专注于设计」——Meng 直言他想专注于「v0、Lovable 做得没那么好的地方，比如定制、字体搭配、用 Unsplash 图片或者 Aura 的 Midjourney 图来改颜色那些」。→ 详细
• Peter 反过来印证了这种「设计师气质」：「我还没告诉你之前——我之前在玩 Aura 的时候，一上手就能看出来它是一个设计师做出来的。这就是区别所在。」工具的取舍本身就携带着作者的品味。→ 详细

• Aura 的核心功能之一是 prompt builder（prompt 构建器）。Meng 解释它的本质：「就是给你一套词汇、一套关于『你能创造什么』的词典（vocabulary, a lexicon）。」新手最大的障碍是「不知道该说什么」，这个工具就是把专业词汇变成可点的选项。→ 详细
• 它把设计决策拆成几个层层递进的维度：先选区块类型（hero 区 / 功能区 / 博客 / 视频）→ 再选布局（layout，比如侧边栏 sidebar、bento「便当格」式分块布局）→ 再选呈现方式（presentation，全屏 / 卡片 / 浏览器框）→ 再选样式（styling，扁平 flat / 玻璃质感 glass / 之后会加的 liquid glass、浅色/深色模式、主色、背景色）→ 最后选字体。→ 详细
• 整个过程的产物其实就是一段文字 prompt：「我点的所有这些选项，都会被加进 prompt 列表里。我可以一个一个加，也可以一次性全加进去。」你点完，它在右下角帮你拼出一段完整 prompt。这就是为什么 Peter 总结说它「省得我得靠纯文字把所有东西都记住」。→ 详细

• 字体被 Meng 拎出来当重点：「这点超级超级重要。通常 AI 最爱用那个最基础的——Inter。Inter 本身一点错都没有，只是说如果你不试着更有创意一点，哪怕只是调一下字重（font weight）或者字间距（letter spacing），你都得稍微再往前走一步。」（Inter 是一款被无数 AI 默认使用、因此最容易撞脸的无衬线字体。）→ 详细
• 他用一个时间对比把「审美在通胀」讲得很生动：「十年前，谁的网站用了 Inter，大家都会『哇』一声，因为那会儿大家用的都是 Arial、Times New Roman 那种。可现在呢，大家的审美标准早就远远超过那个了，他们想要更独特一点的东西。」昨天的高级，就是今天的平庸。→ 详细
• 他的破局建议是改用衬线字体（serif，笔画末端带「小脚」的那类字体，更有格调），点名 Instrument Serif；并提醒可以玩大字号——「我看到一大堆网站用的字号都巨大无比」——但前提是「别在那一个具体设计上花掉好几天甚至好几个月」。→ 详细

• Meng 当场点选了一组配置来示范：功能区 + bento 布局 + 卡片形式 + 玻璃质感（glass）样式 + 浅色模式 + 大阴影 + Instrument Serif 字体，点完即生成完整 prompt。这是把上面那套抽象菜单落到一个具体例子上。→ 详细
• 关于模型选择，他给了很实在的对比：「o3 和 Claude 4 都挺好的。我觉得 o3 稍微『懒』一点，但它微调得更细一点——我感觉 Claude 总是动不动就想用 Inter，然后又是紫色那一套，所以会有点麻烦，不过它确实能做出更多细节。」结论是「你得去摸清这两个模型的微妙之处」。→ 详细
• 他特别点出新手最该改掉的毛病：「很多人第一个出来就放弃了，他们看了不喜欢，然后就停在那儿了。但我觉得这是个错误。」做 AI 设计本质上是一件「多试几轮」的事。Aura 的一个差异化是「我们是唯一一个有实时预览（live preview）的工具」，不用像别的工具那样「干等五分钟、十分钟才看到第一个结果」。→ 详细

• Peter 问了一个很关键的技术问题：你换字体、换图片时，是不是没在用大模型，只是在改 CSS？Meng 明确回答「没错」。这是 Aura 体验流畅的底层原因——把「确定性的样式微调」和「需要生成的创造性任务」分开。→ 详细
• 他解释为什么要刻意「不什么都靠 AI」：「通常你要是什么都靠 AI，它可能就得花个三十秒、一分钟。」相比之下，像在 Figma 里那样直接拖动调整是即时的。所以 Aura 保留了大量「Figma 式」的手动定制选项。→ 详细
• 但需要「创造性」时仍然交给 AI：「比如说我点中这张具体的卡片，我可以说『深色模式』。同样，我确实得等个差不多五秒、十秒、三十秒，它得生成代码、再把代码放进去。」一句话：能用确定性操作搞定的就别麻烦 AI，需要它发挥时再调用。→ 详细

• Meng 坦率列出 AI 当前做得糟的地方：「每次你一发 prompt 就得干等。有时候你的网站越复杂，就越难让设计保持一致、越难往里加细节。有时候你之前做好的东西还会丢掉（you lose stuff that you have created before）。」——这三条是用过 AI 建站工具的人都踩过的坑。→ 详细
• 正因如此，他主张「直接拿这个（已生成的结果）当底子去试验反而更好」，而不是每一步都重新求 AI 生成。把 AI 产物当「半成品原料」，比把它当「最终成品」更高效。→ 详细
• 他给出那段很有人味的哲学陈述：「我更愿意把 AI 看成一个增强你的工具，而不是替你把所有事全干了。因为说到底我们是人，我们有人类的创造力，我们有经验、有记忆，我们有品味，而且我们一直在变——而 AI 往往很难跟上所有这些变化。」→ 详细

• Meng 明确给出他的首选打法：「这绝对是我最推荐的方式——从现有模板 remix（混编/二次创作），或者直接提供代码。」Aura 当时已有超过 1500 个模板，「每天都在做更多」。从模板改，比从空白 prompt 开始靠谱得多。→ 详细
• remix 的操作很具体：挨个打开模板看喜欢哪个，然后用自然语言改它，比如「去掉背景、改成浅色模式」。以加客户证言板块为例，他直接搜「testimonial」，从一堆现成证言模板里挑一个再改，而不是从零做。→ 详细
• 他点出新手的通病：「我觉得大家往往倾向于这些东西都从零开始做。」而他的态度恰恰相反——「在我看来，你完全应该去翻翻模板。」站在别人的成品上改，是效率最高的路径。→ 详细

• 除了 Aura 自带模板，Meng 推荐去 CodePen（一个前端开发者公开分享网页小实验的网站）这类站点找现成实现：「它能让你去看别人做的各种试验……你把这段复制下来，把这些代码搬到 Aura 或者 Lovable 这样的平台，粘进去，然后改一改、加进你的 prompt 里。」→ 详细
• 整套思路是把「别人写好的 HTML/CSS」当作可复用的样式模板——你要的不是从头发明，而是拿到那段确定能跑、效果已知的代码，再让 AI 适配进你的项目。→ 详细
• 顺带一提商业现实：这些工具用多了需要订阅，Meng 认为「我们家在 prompt 额度（prompt credits）上要慷慨不少，比 Lovable 和 v0 给得多多了」。→ 详细

• 当 Peter 问「怎么知道 Comet 用的是什么字体」，Meng 给的第一招最简单：「你完全可以直接截个图丢给 ChatGPT 问它……就问它『这个用的是什么字体』之类的，AI 在这方面挺在行的。」（他凭经验判断 Comet 用的像是 Instrument Serif 的变体。）→ 详细
• 第二招是浏览器的 inspect（检查元素），但他坦言门槛较高：「大多数人不会想去 inspect，原因是它更偏技术……有时候你还得打开开发者模式，然后你还得读代码。」适合愿意翻代码的人，「只要你在那几百行东西里一直往下翻，最终总能找到那个文件名」。→ 详细
• 第三招是专门的插件：他提到 CSS Scan 这类 Chrome 付费插件能直接抓取，「挺酷的，不过不是免费的」。三招按门槛从低到高，新手用截图问 AI 就够了。→ 详细

• Meng 给 Aura 划了清晰的能力边界：发布才两个月，「我们现在还没太把重心放在做一个像 Framer 那样的完整网站上」。他希望大家用它的方式更像 21st.dev（一个专做 UI 组件的平台）——「在『凭感觉做设计』地造组件（vibing the design）」。→ 详细
• 他用 Figma 打比方把这个工作方式讲透：「你可以把它更多地想成 Figma：当然你确实能用 Figma 做一整个网站，但大多数时候你是在花时间先精雕细琢、打磨好某一个单独的组件，然后把它发布出去。」先把单个组件做到极致，再组装。→ 详细
• 做好一个板块后，导出有两种方式：复制 HTML，或者复制成 Figma 格式。这意味着 Aura 既能接前端代码工作流，也能接设计师的 Figma 工作流。→ 详细

• Meng 给出他真实的「组合拳」流水线：在 Aura 里把一个板块（比如客户证言）的样式打磨好 → 导出 HTML → 拿到 Lovable/v0/Cursor 里，对它说「把客户证言换成这个风格」并把 Aura 的代码粘进去。各取所长。→ 详细
• 分工的理由很清楚：「Lovable、v0，当然还有 Cursor——我一直在用 Cursor——在『把整个网站做完』这件事上，它们都比 Aura 强得多。」而「Lovable 和 v0 的问题就在于样式和设计层面，而这恰恰是我花了大量时间钻研的东西」。一句话：Aura 管「好看」，Cursor/Lovable 管「做完整、能跑」。→ 详细
• 他特别强调那些「在 Lovable 里超级难做」的事正是要靠 Aura 解决的：换图标、换背景、加图片——「就算你进到编辑界面，想换个图标，我还得去求 AI 帮我弄，麻烦得要死……做不到，就是非常难」。所以才要先在 Aura（或 Figma）里搞定再拿回去。→ 详细

• Meng 现场演示把 Aura 做的证言板块塞进 Lovable 已有网站时，揭示了 AI 的一个默认行为：「通常 AI 的工作方式是，它会去适配——把设计调成跟你在 Lovable 里已有的设计保持一致，这是它有意为之的设计逻辑。」头像、布局、文字都迁过去了。→ 详细
• 但「自动适配」是把双刃剑——它把字体改回了 Inter：「它没保留字体，它退回到了类似 Inter 那种字体。」这正好又一次印证了「Inter 是 AI 的默认回退值」这个全片母题。→ 详细
• 破解办法是「你得专门讲出来」：「我完全可以直接说：好，我要你把整个落地页的字体，改成我在这里分享的 HTML 里的那个字体。」不明确指令，AI 就按它的默认审美来——这又回到「你得懂那 10%、知道要 AI 保留什么」。→ 详细

• 背景动画是拉开档次的利器。Meng 点名一批工具：Spline（做 3D 动画/场景）、Rive、以及 Lottie 文件/动画/LottieLab 等。这些工具大多有社区，「很多都是社区分享出来的，你完全可以直接拿来二次创作（remix）」，因为「作者已经分享出来了，你可以自由地去 remix」。→ 详细
• 具体操作流程他演示得很细：在 Spline 社区挑一个喜欢的（比如一个「链条动画」）→ 先 remix → 导出生成一个链接 → 复制链接 → 回到 Aura 在组件里「加一个 Spline 背景」、粘贴自定义 URL。Aura 还内置了一批预设并标注原作者链接，进一步降低门槛。→ 详细
• 一个现实提醒：想去掉动画上的水印 logo 需要付费账号——「如果不想显示 logo 就得开付费账号，这跟 Framer 是一个道理」。免费能用，但去水印要花钱。→ 详细

▲ Meng 演示用 AI 生成专属配图/纹理（液态渐变、波浪、几何图标）替代满大街的 Unsplash 库存图——配图一换，"免费图味"立减。

• 配图是另一个去 generic 的关键。Meng 的判断很直接：AI 生成图「尤其是涉及人脸的时候，比如肖像，它生成的甚至比你从 Unsplash 找的还要好」。（Unsplash 是最大的免费图库，正因为免费、人人都用，所以容易撞图。）→ 详细
• 他点破 Unsplash 的问题不在质量而在「滥用」：「倒不是说这些图不好，而是当一千个人都把它用在自己网站的用户评价里之后，你慢慢就看腻了。」独特性会被使用人数稀释。→ 详细
• Aura 正在建自己的 Midjourney 图库，能一键替换图片，风格涵盖抽象、3D、花卉、高级时装（high fashion）等。Meng 感叹：一张高级时装大片「美得不行，但用 Midjourney 五秒钟就生成出来了。这就是我们所处的时代，我们能用上所有这些了不起的工具，要做的只是把它们用起来」。→ 详细

• 连按钮这种小元素 Meng 也有专门打法。以改一个「Watch Demo」按钮为例，他去到一个叫 UIverse 的工具——「这里有一大堆按钮样式」——挑一个简单的，因为「本质上你拿的只是它的样式，你要的就是那段 CSS，这段 CSS 会被当作代码、当作模板来用」。→ 详细
• 操作就是复制样式 → 回 Aura 粘贴并应用，约 30 秒生效。他提醒「不一定对每个按钮都管用，因为有些按钮比别的复杂」，所以挑简单的更稳。这是「抄样式」思路在最小颗粒度上的又一次体现。→ 详细
• 同一段里他还演示了换图标——Aura 内置自己的图标库，换起来「超级简单」，而且「它甚至记住了颜色那些东西」，还能改色。把「找资源 + 复制代码 + 平台简化」这条主线串到了底。→ 详细

• 作为收尾演示，Meng 回放了他那个 AI 浏览器落地页的进化全程。第一版「只用了一句 prompt」，结果是「一个极其千篇一律（generic）的东西」——再次坐实「单 prompt = generic」这条铁律：「从一句 prompt 出发是没有银弹的（no silver bullet），AI 总会做出偏 generic 的东西。」→ 详细
• 第二版的「魔法」全在那 10% 的手工定制：换了字体、加了 Spline 背景、用了 Midjourney 生成图。Peter 当场总结这层反直觉的洞察：真正出彩的部分「几乎可以说不算在用 AI 了——除了 Midjourney 那些之外」，Meng 答「正是如此」。→ 详细
• 但 Meng 也补了一句辩证的话：其实定制按钮、改卡片这些动作背后「它确实是在用 AI」——区别在于你是「指挥 AI 做精准的局部活」，而不是「让 AI 一句话包办全部」。「设计一个东西有无数种方法（millions of ways）」，AI 是其中强力的一种，但不该是唯一一种。→ 详细

• Meng 给了一个很有冲击力的时间判断：「我们现在还处在 AI 的非常早期阶段。也就几个月前——我估计也就五六个月吧——AI 才开始真正擅长用代码生成设计。你要是还记得，Claude 3.5 当时在生成设计、生成 HTML 上还很不行。」→ 详细
• 他把进度量化成分级：「如果你把现在算作第 1 级，把 3.5 算作第 0 级，那么再过大约六个月，我们肯定能到第 5 级。」并预言半年后「能做出像 DIA 那种水准、或者像那个漂亮的 Comet 落地页那样的精美网站」（即向「满分 10 级」逼近一大步）。→ 详细
• 结论是一条对个人的告诫：「我们的工具需要进化，我们的知识也需要随时间进化（our tools need to evolve, our knowledge need to evolve）。」工具在飞涨，停止学习就会掉队。→ 详细

• 面对「给设计师/PM 的临别建议」，Meng 的第一句是「把所有你能用上的工具都用起来，而且只用其中最顶尖的那些（only the best of the best）」，因为「我们将会被海量的 AI 工具淹没（flooded with so many AI tools）」。→ 详细
• 核心论断是把「品味」抬到差异化的高度：「你得培养自己的品味、培养那种『分得清好坏』的判断力，因为在这个新时代，品味才是真正的差异化所在（taste is the differentiator in the new age）。」工具人人有，会不会选、用得好不好，才是分水岭。→ 详细
• 「品味」具体表现为一连串「该用谁」的判断：Comet 还是 DIA？Aura 还是 Lovable？Figma 还是 Framer？Midjourney 还是 VO 还是 stable diffusion？——「这些细微差别你都得清楚，而且要亲自上手去试，做出漂亮的成果、享受这个过程」。光知道还不够，要做出东西。→ 详细

• Meng 把「截图建站」列为一条该多用的常规手法：「与其只丢一句 prompt，不如从你喜欢的网站（比如 Dribbble）找灵感，把它喂给 AI，不管是 Lovable 还是 v0。」（Dribbble 是设计师晒作品的社区，是找灵感的金矿。）这其实是「喂参考 > 写 prompt」原则的又一具体化。→ 详细
• 他报出自己的私人工具栈，可以直接抄作业：按钮/UI/卡片用 UIverse；组件、设计、动效用 21st.dev 和 Aura；背景动画、纹理、交互用 React Bits（一个漂亮背景动效库）。这是全片最可操作的一份资源清单。→ 详细
• 一个慷慨的点：「你在 Aura 里看到的一切都是免费的。你看到的这些模板，代码我都免费分享，不用付费会员也能拿。」喜欢哪个落地页就导出复制代码、存成 HTML，再丢给 Lovable/Cursor 说「按照这个落地页的风格」来建站。→ 详细

• Peter 把整场提炼成一句新手能记住的话：「外面有很多很厉害的设计师，做了很多很棒的组件，还有大量免费资源你都应该拿来用、把代码复制过来；别满足于那种千篇一律、默认那一套的『AI 味』东西，去试试更好的。」Meng 答「没错，正是这样」。→ 详细
• 一个有人情味的彩蛋：Peter 透露自己翻邮箱时发现「我大概四五年前就买过你 Design+Code 的一门课」，感慨 Meng「做这块的教学已经很久了」——说明 Meng 是 AI 浪潮之前就深耕设计教育的老兵，这层背景让他的「品味论」更有分量。→ 详细
• Meng 最后升华到一种「独立创作者」的生活方式：他现在住新加坡、一个人做所有事，鼓励大家「不想再去上那种班、整天担心被 AI 新工具一出来就丢饭碗」，而是「自己建网站、做自己的产品」。「我们这些小创作者需要协作、聚到一起、一起去打造下一个 Figma、下一个 Lovable、下一个 Photoshop……想住哪儿就住哪儿，过自己想要的生活、拥有自己想要的自由。」→ 详细

本片没有独立的「闪电问答」环节，但结尾 Meng 给设计师/PM 留了一段密集的临别建议和一份工具清单，逐条整理如下：

临别建议（给设计师与 PM）

• 把工具用满，但只用顶尖的那几个：「把所有你能用上的工具都用起来，而且只用其中最顶尖的那些」——因为接下来「我们会被海量的 AI 工具淹没」，时间有限，别什么都试。→ 详细
• 把「品味」当成核心竞争力来养：「品味才是这个新时代真正的差异化所在」；具体就是练就「该用 Comet 还是 DIA、Aura 还是 Lovable、Figma 还是 Framer、Midjourney 还是 stable diffusion」的判断力，并且一定要亲自动手试、做出漂亮成果。→ 详细
• 多用「截图 + 喂参考」而不是空想 prompt：从 Dribbble 等网站找你喜欢的设计，截图喂给 Lovable / v0，让 AI 照着迭代，再「摸索出哪些适合你、哪些不适合你」。→ 详细
• 务必自己掌握最后那 10%：学会换字体、换图、做按钮，否则「你的设计就会从头到尾都很 generic」；而且一旦 AI 出错，懂底层的人才不会束手无策、直接放弃。→ 详细

Meng 推荐的工具/资源清单（可直接抄）

• UIverse —— 按钮、UI、卡片等组件样式，复制其 CSS 当模板用。→ 详细
• 21st.dev —— 做组件、设计、动效，Meng 觉得「真的很好用」。→ 详细
• React Bits —— 漂亮的背景动画、纹理、动效与交互库。→ 详细
• Spline / Rive / Lottie（LottieLab） —— 3D 与动效素材，去社区 remix，导出链接贴回设计。→ 详细
• Midjourney —— 生成独特配图（尤其人脸/肖像/高级时装），替代被用滥的 Unsplash。→ 详细
• Unsplash —— 免费图库，能用但「一千个人用过就看腻了」，慎用。→ 详细
• CodePen —— 找别人公开的前端实验，复制 HTML/CSS 当起点。→ 详细
• CSS Scan（Chrome 付费插件）—— 直接抓取网页用的字体/CSS（付费）。→ 详细
• Cursor / Lovable / v0 —— 把单个板块拼成完整、能跑的网站（比 Aura 强），但样式/设计层面较弱。→ 详细
• Aura（aura.build） —— Meng 自己的工具，专攻设计与定制；免费模板和代码可白嫖，prompt builder 是付费功能但可试玩。→ 详细
• 标杆参照：DIA（浏览器）、Perplexity Comet —— 拿来当「满分 10 级」的目标，最好是你自己也在用的产品。→ 详细
• 常被点名喂给 AI 的好设计：Apple、Linear、Perplexity、DIA。→ 详细
• 字体建议：少用默认的 Inter，试 Instrument Serif、Playfair、Geist、Manrope 等。→ 详细

Meng To（嘉宾）

• 工具 Aura：aura.build（有免费 prompt、免费模板和可白嫖的代码；prompt builder 为付费功能但可试玩）→ 详细
• Twitter / X：@mengto（他在上面分享了大量内容，光讲 prompting 的免费教程就约有 4 小时）→ 详细
• YouTube 频道：Design+Code（同样的免费教学视频；Meng 做设计教育已有多年，Peter 提到自己四五年前就买过他的 Design+Code 课程）→ 详细
• 现居新加坡，独立创作者。他说有任何问题都可以直接找他：「尽管来找我，我很乐意在这个过程中帮你。」→ 详细

Peter Yang（主持）

• 本视频发布在其 YouTube 频道；原视频链接：https://www.youtube.com/watch?v=NhHfI47WQDM