aiux
PatternsPatternsCoursesCoursesNewsNewsResourcesResources
Overview

Setup

  • Get Your Anthropic API Key
  • 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 & Use Claude's /save Command

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. Create Your Project Folder
PrototypeLesson 10 of 23

Create Your Project Folder

1 min readClaude Code for DesignersUpdated Feb 18, 2026

Every project Claude Code touches lives in a folder. You'll create one, step into it, and re-launch Claude Code so it knows where home is for the rest of this lesson.

Create Your Project Folder

Exit Claude Code Temporarily

Type exit and press Enter. You'll return to your regular Terminal.

Create a Project Folder

Run this command:

Terminal
mkdir my-first-prototype

Then navigate into it:

Terminal
cd my-first-prototype

Start Claude Code in Your Project

Run:

Terminal
claude

Paste your API key again. Now you're inside Claude Code, with your project as the working folder.

Project folder ready

  • Created a my-first-prototype folder with mkdir
  • Stepped into it with cd
  • Re-launched Claude Code so it's scoped to your new project

You have an empty project. Time to ask Claude Code to fill it.

← Previous LessonStart Your First Claude Code SessionNext Lesson →Generate Your First Prototype
← Back to Claude Code Course for Designers overview

On this page

  • Create Your Project Folder
  • Exit Claude Code Temporarily
  • Create a Project Folder
  • Start Claude Code in Your Project

aiux

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

Have an idea? Share feedback

Get daily AI UX news

Resources

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

Company

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

Links

  • Portfolio
  • GitHub
  • LinkedIn
  • More Resources

Copyright © 2026 All Rights Reserved.