aiux
PatternsPatternsCoursesCoursesNewsNewsResourcesResources
Overview

Setup

  • Create Your GitHub Account
  • Install Git on Your Computer
  • Understanding Git Basics

Core Features

  • Clone Your First Repository
  • Making and Committing Changes
  • Working with Branches

Developer Collaboration

  • Creating Pull Requests
  • Reviewing and Merging PRs

Best Practices

  • Handling Merge Conflicts
  • GitHub Workflow for Design Teams
  1. Guides
  2. /
  3. GitHub Course for Designers
  4. /
  5. Making and Committing Changes
Core FeaturesLesson 5 of 10

Making and Committing Changes

2 min readGitHub for Designers

Now that you have a local repository, let's learn how to make changes and save them as commits. Each commit is a checkpoint you can return to later.

Check Repository Status

First, see what's changed in your repository:

Terminal
git status

This shows modified files, new files, and files ready to commit.

Stage Your Changes

Before committing, you need to "stage" the changes you want to include:

Terminal
# Stage a specific file
git add filename.txt

# Stage all changed files
git add .

Create a Commit

Now save your staged changes with a descriptive message:

Terminal
git commit -m "Add new button styles to navigation"
Writing Good Commit Messages

Good commit messages describe WHAT changed and WHY. Start with a verb: "Add", "Fix", "Update", "Remove". Keep the first line under 50 characters.

Push to GitHub

Upload your commits to GitHub so others can see them:

Terminal
git push

Lesson Complete!

  • Check status with git status
  • Stage changes with git add
  • Commit with git commit -m
  • Push to GitHub with git push

You can now track and share your changes!

← Previous LessonClone Your First RepositoryNext Lesson →Working with Branches
← Back to GitHub Course for Designers overview

On this page

  • Check Repository Status
  • Stage Your Changes
  • Create a Commit
  • Push to 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.