资源介绍
视频数量：15个
总时长：1小时20分
课程介绍：
跟着Claude AI做完整UI/UX设计工作流
打开招聘网站搜一圈，会发现UI设计师的岗位要求里密密麻麻全是AI工具：Midjourney出图、ChatGPT写文案、Figma AI自动布局……很多做了三五年的设计师突然有点慌，手上功夫明明练得差不多了，市场却像换了一套规则。
这门课就是给这种处境的设计师准备的。讲师Fong做设计超过十年，从Photoshop和Illustrator时代一直走到今天，他把自己摸索出来的方法论压缩成一小时二十分钟的实战课。整个流程围绕一个真实项目展开——一个名叫Pika的匹克球场地预订和会员奖励App，从拿到brief开始，一路做到可以交付给开发的高保真Figma原型，中间每一步都用Claude AI当协作伙伴。
课程一共拆成八个阶段，结构非常清楚。
一、启动阶段与工具准备
第一阶段先打底。讲师会聊聊设计市场这些年的变化，从桌面端网页到移动优先、从Sketch到Figma、再到AI全面渗透，讲清楚为什么要把AI纳入日常工作流。然后介绍课程要用到的工具栈：Claude账号怎么注册、Cowork是什么、Claude Design怎么开起来、Figma MCP怎么连。这一节花的时间不长，但搞清楚这些工具各自的角色，后面的学习才不会乱。
二、读brief与框架锁定
拿到一份客户brief，大部分设计师的做法是直接开始画线框图。但讲师会演示另一种思路——把brief丢进Claude Cowork，让AI帮你挑出矛盾、找出遗漏、锁定设计的核心框架。这一步的关键是学会跟AI对话的方式，提问的质量决定了输出的质量。
三、理解业务与用户
画界面之前得先搞明白这产品靠什么赚钱、竞争对手在做什么、北极星指标是什么、用户是谁。讲师会在Claude里跑出一套完整的商业分析和四个人物画像。这一节看起来跟画界面没关系，但做过项目的人都知道，前期想不清楚，后面返工的代价有多大。
四、功能拆解与内容架构
搞清楚了人和事，接下来就是拆功能、画sitemap、理用户流程。这一节会带出一个五标签的站点结构和核心用户旅程，再配合情绪板的阅读方法，帮你在动手之前就把整个产品的骨架想透。
五、高保真UI生成
这是最过瘾的一节。把前面所有准备工作打包成一个主规格文件和一个设计提示文件，丢进Claude Design，它会自动生成一套完整的高保真界面。生成完之后还要做视觉反馈——哪里不对就截图标注，让AI改。改到满意以后，整个项目导出成一个HTML文件，里面包含了所有页面的UI。
六、设计系统化
有了HTML界面之后，回到Claude Cowork里，把界面里的样式抽取出来，整理成三个层级的token文件（基础变量、语义变量、组件变量），再生成三个Figma插件的代码。这一步是把散乱的界面变成可复用的设计系统。
七、在Figma里搭基础
token文件准备好了，就可以在Figma里导入变量、样式，把HTML界面拖进去，再用Check插件做一轮规范检查。这一步是把AI生成的成果正式落地到专业设计工具里。
八、用Figma MCP组件化
到了这一阶段，界面已经在Figma里了，但还不是规范的组件库。讲师演示怎么用Claude配合Figma MCP，把零散的UI元素重新组装成带各种状态的组件，再替换回界面里。按钮要有默认态、悬停态、按下态、禁用态，输入框要有空态、聚焦态、错误态、填写态，这些细节AI会帮你处理。
九、原型与交付
最后一节把组件拼回界面之后，连接交互、测试每一条用户流程，最后打包成可以交给前端开发的交付文件。整个项目收尾。
这套流程最大的价值不是"用AI偷懒"，而是把设计师从重复劳动里解放出来。搭脚手架、铺底层、切图标这些事让AI做，设计师腾出精力去思考产品逻辑、用户感受、品牌调性这些AI搞不定的东西。
适合来学这门课的人：已经会用Figma但还没系统接入AI工作流的设计师、独立接单想要提升产能的自由职业者、设计团队里负责带新人的小组长。如果你刚入行想从一开始就养成正确的工作习惯也行，课程里每一步的逻辑都讲得很清楚，跟着走一遍就能建立完整的项目认知。
学完之后你会拿到的不只是几个视频，而是一套可以反复套用的工作模板。下一次接到新项目，你知道怎么从brief一步步推到交付，中间每一步都有AI帮你加速，但方向盘始终握在自己手里。