Skip to main content
EduRails

Online learning made easy. For your whole institution.

IntermediateContent in Spanish

Claude Design: UI with AI

Design interfaces with Claude Design: generate screens from prompts, import your design system, iterate with chat and comments, build clickable prototypes and export or hand off to Claude Code. Independent course, not affiliated with Anthropic; Claude is a trademark of Anthropic, PBC.

10 lessons 2 hours 500 XP

Start the course

Syllabus

Module 1 · Fundamentals

  1. 1What Claude Design is and when to use it12 min
  2. 2Create your first project and generate a screen from a prompt12 min
  3. 3Import and manage a design system14 min

Module 2 · Practical use

  1. 4Iterate on a screen: chat, comments, direct editing and sliders13 min
  2. 5Build interactive prototypes and multi-screen flows14 min
  3. 6Bring in real context: code, web capture and documents13 min
  4. 7Hand off to Claude Code for production code12 min

Module 3 · Advanced

  1. 8Stay in the terminal: /design-sync and /design12 min
  2. 9Export, share and connect with other tools12 min
  3. 10Administration, plans and usage limits12 min

Back to the catalogue