aiux
Patterns & SkillsPatterns & SkillsCoursesCoursesNewsNewsResourcesResourcesSavedSaved
Overview

Setup

  • Sign In to Claude Code
  • Install Node.js
  • Install Claude Code

Figma ↔ Code

  • Set Up Figma MCP
  • Turn Figma Frames into Code
  • Using Figma Links in Prompts
  • Figma to Code Best Practices
  • Bring Code Back to Figma

Prototype

  • Start Your First Claude Code Session
  • Create Your Project Folder
  • Generate Your First Prototype
  • See Your Prototype Live
  • Get Back to Editing

GitHub

  • Create a GitHub Account
  • Create a Repository on GitHub
  • Connect Your Local Project to GitHub
  • Save Your Changes Going Forward
  • Share Your Work (Let Claude Code Handle Git)

Best Practices

  • How to Describe Your Design to Claude Code
  • Testing Your Prototype
  • Iterating Based on Feedback
  • Handing Off Work to Developers
  • Troubleshooting Common Issues
  1. Guides
  2. /
  3. Claude Code Course for Designers
  4. /
  5. Install Claude Code
SetupLesson 3 of 23

Install Claude Code

2 min readClaude Code for DesignersUpdated Jul 20, 2026

Now that Node.js is in place, getting Claude Code is a single command. By the end of this lesson the CLI will be installed, verified, and waiting for your first prompt.

Open Terminal/Command Prompt

1

On Mac

Press Command + Space, type "Terminal", and hit Enter

2

On Windows

Click Windows logo, type "Command Prompt", and hit Enter

Install Claude Code

The recommended way to install is the native installer: one command, and it keeps itself up to date automatically. Copy the line for your system, paste it, and press Enter:

Terminal (Mac / Linux)
curl -fsSL https://claude.ai/install.sh | bash
Windows (PowerShell)
irm https://claude.ai/install.ps1 | iex

This takes 1-2 minutes. You'll see lots of text in the terminal. That's completely normal and means it's working! Already use Node.js and prefer npm? npm install -g @anthropic-ai/claude-code also works (Node.js 22+).

Verify Installation

Run this command to confirm Claude Code is installed:

Terminal
claude --version

You should see a version number. If you do, you're ready to sign in!

Sign In

Start Claude Code from your terminal with the claude command. What happens next depends on the sign-in method you picked in Lesson 1:

Terminal
claude
  • **Claude subscription (Option A):** a browser window opens. Sign in with your Claude.ai account, then return to the terminal. Done.
  • **API key (Option B):** if you've set your key as the ANTHROPIC_API_KEY environment variable, Claude Code asks you to approve it once instead of opening a browser.

Setup Complete!

  • A Claude subscription or an Anthropic API key
  • Node.js installed on your computer
  • Claude Code installed, verified, and signed in

You're ready to start building! Let's move on to creating your first prototype.

← Previous LessonInstall Node.jsNext Lesson →Set Up Figma MCP
← Back to Claude Code Course for Designers overview

On this page

  • Open Terminal/Command Prompt
  • Install Claude Code
  • Verify Installation
  • Sign In

aiux

AI UX patterns from shipped products. Demos, code, and real examples.

Have an idea? Share feedback

Get daily AI UX news

Services

  • Audit my product
  • Request an audit

Resources

  • All Patterns
  • Browse Categories
  • Contribute
  • Claude Code Skills
  • AI Interaction Toolkit
  • Agent Readability Audit
  • Newsletter
  • Documentation
  • Figma Make Prompts
  • Designer Guides
  • Design System
  • All Resources →

Company

  • About Us
  • Privacy Policy
  • Terms of Service
  • Contact

Links

  • Portfolio
  • GitHub
  • LinkedIn
  • More Resources

Copyright © 2026 All Rights Reserved.