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. Share Your Work & Use Claude's /save Command
GitHubLesson 18 of 23

Share Your Work & Use Claude's /save Command

1 min readClaude Code for DesignersUpdated Feb 18, 2026

You don't actually have to remember the four-step git loop every time. Claude Code's /save command does it for you, and your repo URL is the only thing you need to share work with anyone.

Share Your Work & Use Claude's /save Command

Pro Tip - Automatic Saving

Inside Claude Code, you can type:

Claude Code
/save

Claude Code will automatically handle git commands and create meaningful commit messages for you. This saves time!

Sharing Your Work

Just send them the GitHub link, like:

GitHub
https://github.com/YOUR-USERNAME/my-first-prototype

They Can:

  • See your code and understand your design decisions
  • Clone your project to run locally
  • Leave comments or suggestions
  • Collaborate on the prototype

You're Now a Designer with Git Skills!

  • Save your work safely to the cloud
  • Track every change you make
  • Collaborate with developers
  • Showcase your process on GitHub

You can save your work safely to the cloud, track every change you make, collaborate with developers, and showcase your process on GitHub.

← Previous LessonSave Your Changes Going ForwardNext Lesson →How to Describe Your Design to Claude Code
← Back to Claude Code Course for Designers overview

On this page

  • Share Your Work & Use Claude's /save Command
  • Pro Tip - Automatic Saving
  • Sharing Your Work
  • They Can:

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.