用 Claude Code 做设计

你不一定是设计师，但你做出来的东西需要「好用且看起来不难看」。Claude Code 能帮你：把设计意图翻译成代码，生成组件规范，建立设计系统。

这个模块讲什么

课次	主题	核心内容
01	UI 规范与组件描述	用语言描述 UI、生成组件代码
02	设计系统建设	色板、间距、字体、Token 体系
03	Figma 转代码	描述 Figma 设计，生成实现代码

学完你能做什么

• 用文字描述界面风格，让 Claude Code 直接生成对应的组件
• 建立并维护一套基础设计系统（颜色、字体、间距 Token）
• 看 Figma 设计稿，把关键信息整理成 prompt，生成实现代码
• 对现有 UI 做一致性检查，发现不规范的地方

工具说明

这个模块主要用 Claude Code 生成代码，不需要 Figma 账号或设计软件。能描述「你想要什么效果」就够了。