A hands-on walkthrough of Claude Design, Anthropic's new AI-integrated design tool available at claude.ai/design. The author creates a design system by uploading brand assets (logo, fonts, color codes), iteratively refines typography, buttons, cards, and color palette through AI chat, then generates high-fidelity UI mockups for a mobile course members area app. Key observations include: the tool is more intuitive than using Claude Code with Figma MCP, supports granular AI-driven edits without regenerating entire screens, exports React/JSX code but lacks native mobile or Figma export, and currently skews toward web output. The author notes token usage is hidden from users and recommends the tool as a preferred design workflow going forward.
Sort: