01 · 课程介绍
想用 AI，却总差一口气？
这门课站在 设计师的角度，从 0 教你把 AI 用进真实设计工作流——学 AI 不是为了被工具替代，而是放大你的市场价值。如果下面这些你中了一条以上，它就是为你准备的：
01
不清楚 AI 的能力边界，也不掌握 AI 设计的完整工作流程。
02
AI 教程大多偏技术，没站在设计角度拆解，学了用不上。
03
想用 AI 解决问题，却难把设计方案落地。
04
担心被替代——掌握 AI 是为了放大价值，不是被取代。
02 · 课程大纲
5 大模块 · 从工具到落地
点击模块展开小节。完整覆盖：AI 工具 → 设计工作流 → 规范组件 → 项目落地 → 前端实现。
01AI 产品的基础运用7 节+
- 1.1 为什么要学习 Vibe Coding
- 1.2 Vibe Coding 产品推荐哪款
- 1.3 Codex 安装与订阅
- 1.4 Codex 的设置
- 1.5 Codex 基础使用
- 1.6 MCP 的配置
- 1.7 Computer Use 插件
02AI 产品的设计工作流4 节+
- 2.1 问卷调研的 AI 工作流
- 2.2 设计走查的 AI 工作流
- 2.3 竞品分析的 AI 工作流
- 2.4 如何节约 Token 设计流
030-1 搭建规范及组件4 节+
- 3.1 AI 基础内容的搭建（颜色 / 字体 / 圆角 / 按钮）
- 3.2 规范文档搭建
- 3.3 组件搭建规范
- 3.4 组件搭建 Skill
04数据大屏项目落地4 节+
- 4.1 数据大屏整理篇
- 4.2 数据大屏还原篇
- 4.3 数据大屏动画交互篇
- 4.4 移动端页面还原
05Vibe Coding 落地前端页面4 节+
- 5.1 基于现有组件规范落地页面
- 5.2 基于 image2 落地页面
- 5.3 基于开源 UI 库落地页面
- 5.4 快速原型与页面迭代
03 · 完整海报
课程 完整介绍
下面是课程的完整海报，包含全部模块、购买指南与版权信息。
04 · 购买指南
报名前 先看这里
✅ 适合谁
- 想入门 AI 但被技术教程劝退的设计师
- 想把 AI 用进真实设计流程、能落地的人
- 想用 Vibe Coding 自己做出可点页面的设计师
- 想主动升级竞争力、不被 AI 替代的人
📦 购买须知
- 课程形式：录播课 + 专属群，持续更新
- 发货方式：自动发货，默认发飞书链接
- 购买须知：虚拟商品，一经出售不退款
- 版权所有：范米花儿 & CE青年
