Appearance
Vibe Design
是什么
Vibe Design 是一种用自然语言驱动 AI 做视觉设计的方法论，核心思想与 Vibe Coding 完全一致：AI 负责探索和生成，人类负责筛选和优化。
不需要设计师手动排版像素——描述你想要的风格，AI 生成 4-8 个变体，你挑选满意的方向，然后在 Figma 等工具里精修定稿。
解决啥
传统设计流程的问题：
- 周期长：确定方向 → 反复修改 → 定稿，中间来回沟通消耗大
- 门槛高：需要设计师参与，小团队或个人开发者很难快速出图
- 探索成本高：不同风格方案要一个个试，时间成本高
Vibe Design 把探索阶段交给 AI，多个变体同时生成，快速找到正确方向后集中精力精修，大幅提升设计效率。
怎么跑
Step 1：写一个分层 Prompt
[项目类型] UI design for [产品/受众],
[风格关键词],
[布局类型],
[配色方案],
[设计系统参考],
[渲染风格]
Step 2：生成多个变体
用 Midjourney / DALL-E / Figma AI 等工具一次生成 4-8 个变体。
Step 3：识别有效元素，混搭重组
"Like image 2, but with the color palette from image 3"
Step 4：在生产工具中精修
Figma 等工具负责 20% 的精确调整，把 AI 探索的结果落地为生产级设计。
好在哪
| 规则 | 效果 |
|---|---|
| 用设计词汇而非艺术词汇 | AI 理解更准确，输出更可用 |
| 锚定设计系统名称 | Material Design 3 / Apple HIG 等词直接锁定结构 |
| 迭代而非一次完美 | 快速试错，快速收敛 |
| AI 探索 80% + 工具精修 20% | 效率和质量兼顾 |
| 参考图优于文字描述 | 附上参考图，AI 产出更贴近预期 |
常用工具速查：
| 工具 | 最适合 |
|---|---|
| Midjourney | 艺术感概念、氛围探索 |
| Figma AI | UI 迭代、生产设计 |
| DALL-E / GPT-4o | 快速原型、图片编辑 |
| Stable Diffusion | 自训练、开源控制 |
| Canva | 营销素材、社交媒体配图 |
怎么用
场景 1：快速出 UI 概念稿
"mobile banking app UI in Material Design 3, clean layout, consistent spacing, data cards with financial metrics"
场景 2：探索多种风格方向
同一条需求生成 6 个变体，找出效果最好的一个深入。
场景 3：配合 awesome-design-md 使用
先用 DESIGN.md 确定目标风格，再用 Vibe Design 的方法快速出图。
📺 视频介绍： B站视频 - 让AI看见你的设计，Vibe Design时代来了