GitHub for Designers: Everything You Need to Know
Most designers have never opened GitHub. They don't know what a PR is, what a commit does, or why branches matter. But if you're going to design and ship code, GitHub is something you need to understand.
In this video, I walk through the full GitHub workflow from a designer's perspective using a repo.. No dev background needed. I cover everything from creating your first branch to submitting a pull request that your engineering team can actually review.
What You'll Learn:
• What repositories, branches, commits, and pull requests actually mean
• How to create a branch and work on features without breaking anything
• How to use Claude Code to submit PRs that follow your team's standards
• How to pull PR comments and iterate on feedback directly from your code
• How to break large features into reviewable, bite-sized PRs
Resources:
• GitHub: https://github.com
• Claude Code: https://claude.ai
• How to create a PRD Skill: • Building a custom Claude Code Skill from s...
Timestamps
00:00 – Intro: What is GitHub?
00:55 – How GitHub works: local vs. cloud
01:36 – What is a repository (repo)?
02:23 – Branches explained: main vs. feature branches
04:29 – What is a commit?
05:10 – What is a Pull Request (PR)?
06:29 – PR best practices: keep PRs small
09:56 – Walking through a draft PR + the merge cycle
If this is your first time using Claude Code, I'd recommend starting with my setup guide first so you can follow along: • Claude Code + Cursor + GitHub: The New AI ...
Design to Code Workshop for Companies 🚀 Apply using this link → https://tally.so/r/WOPNPP?utm_source=...
• More information on our workshops here → https://designproject.io/ai-design-sy...
Watch more like this:
• I Tested Figma Against Paper. The Winner Surprised Me
• The AI Design Tool That Figma Doesn't Want...
• Figma Wireframes Are Dead. Here's How Product Teams Are Replacing Them • Figma Wireframes Are Dead. Here's How Prod...
• Design-to-Code Workshop with Claude Code, Cursor & Figma (Friends of Figma Miami - Feb 2026) • Design-to-Code Workshop with Claude Code, ...
• Stop using V0 and Lovable to prototype, use Claude Code instead: • Stop using V0 and Lovable to prototype, us...
• I Built My Entire Design System in 4 Hours With AI. Full Tutorial (Claude + Cursor + Figma): • I Built My Entire Design System in 4 Hours...
• Stop Wasting Dev Time on Frontend: Figma to Code in 8 Minutes: • Stop Wasting Dev Time on Frontend: Figma t...
• Figma to Component Library in 2 days | Claude Code + Storybook Tutorial: • How I Build a Component Library in 2 days ...
🔔 Subscribe for weekly insights about AI, design, and product here: @thedesignproject
CONNECT WITH ME:
🌐 https://designproject.io/
💼 LinkedIn: /diannealter
About The Design Project: We help B2B SaaS product teams ship faster by combining AI tools with strategic design expertise. We've worked with 50+ teams (including companies acquired by Slack, Nvidia, and MrBeast) to cut product cycles in half using battle-tested AI workflows and design systems.