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. Connect Your Local Project to GitHub
GitHubLesson 16 of 23

Connect Your Local Project to GitHub

2 min readClaude Code for DesignersUpdated Feb 18, 2026

Three git commands to initialize your folder, three more to push it to GitHub. Follow them in order and your prototype will be in the cloud by the end of the lesson.

Connect Your Local Project to GitHub

Open Terminal (Not Claude Code)

You should be in your project folder. Check with:

Terminal
pwd

You should see something like .../my-first-prototype

Initialize Git

Run these commands one by one:

Terminal
git init
git add .
git commit -m "Initial prototype created with Claude Code"

Connect to GitHub

Copy the commands from GitHub's instructions. They'll look like:

Terminal
git branch -M main
git remote add origin https://github.com/YOUR-USERNAME/my-first-prototype.git
git push -u origin main

Check GitHub

Refresh your GitHub repo page. Your files should now be there!

Local project linked to GitHub

  • Initialized git in your project folder
  • Made your first commit
  • Connected the local repo to your GitHub remote and pushed

Your prototype is in the cloud. Next: how to keep it there as you make changes.

← Previous LessonCreate a Repository on GitHubNext Lesson →Save Your Changes Going Forward
← Back to Claude Code Course for Designers overview

On this page

  • Connect Your Local Project to GitHub
  • Open Terminal (Not Claude Code)
  • Initialize Git
  • Connect to GitHub
  • Check GitHub

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.