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.