Master AI Design Tools
Practical tutorials. Complete learning paths.
Recommended Start
Start Here
Claude Code Guide for Designers
- Figma MCP design-to-code
- AI-powered prototyping
- Version control basics
39 min
23 lessons
5 modules
Modules
1Setup
2Figma ↔ Code
3Prototyping
4GitHub
5Best Practices
Start Learning
Design & implementation guide
Build a Conversational UI - Complete Design & Implementation Guide
- Chat bubbles, streaming & typing indicators
- Context management & error recovery
- Agentic AI patterns & accessibility
39 min
11 lessons
4 modules
Modules
1Foundations
2Building
3Advanced Patterns
4Ship It
Start Learning
More Guides
Explore other AI tools to expand your workflow
AI-native code editor
Cursor Guide for Designers
- Tab autocomplete & AI suggestions
- Chat & Composer for code generation
- Design-to-code workflows
20 min
12 lessons
4 modules
Start Learning
AI pair programmer
GitHub Copilot Guide for Designers
- Inline code suggestions
- AI pair programming
- Works in VS Code, JetBrains & more
18 min
10 lessons
4 modules
Start Learning
Industry-standard version control
GitHub Guide for Designers
- Version control basics
- Pull requests & code review
- Team collaboration workflows
18 min
10 lessons
4 modules
Start Learning