Skip to main content
PixelPappa
WorkServicesAboutBlogTraining
Contact
Back to blog

How to get started with GitHub as a designer

Björn Rutholm

Written by

Björn Rutholm

Action PlayFebruary 20, 20262 min read

Here's what you can do today to get started with GitHub as a designer:

  • Create a GitHub account and start browsing: If you don't have one, make one. Then search for terms related to your current project - "react calendar," "svg animation," "data table." Just browse. See what exists. Read the READMEs. Look at the demos. You're not committing to anything, you're building awareness.
  • Learn to read a README: This is a real skill and it's not hard. Most READMEs follow the same structure: what the library does, how to install it, a quick example, and a link to full documentation. When you can scan a README and understand if a library solves your problem, you've unlocked a superpower.
  • Bookmark "awesome" lists: GitHub has a tradition of curated lists called "awesome-[topic]." Search for "awesome-react-components," "awesome-dataviz," "awesome-design-tools." These are hand-curated collections of the best libraries in each category. They're like a menu for the developer ecosystem.
  • Next time you're stuck, search before you build: This is the habit to form. Before you or your team spends hours building something from scratch, take five minutes to search npm or GitHub. The query template is simple: "[framework] [what you need]." Like "react git graph" or "svelte date picker" or "css animation library." If it's a common UI pattern, someone has almost certainly built it. 99 times out of a 100, this is a much more efficient path than browsing the Figma Community for random design sketches that may never have been tested at all.
  • Talk to your developers: Seriously. Ask them what libraries they use, what they recommend, what they wish designers knew about. This conversation alone will 10x your awareness of what's available. And it builds the kind of cross-functional relationship that makes teams ship better products.
  • Try installing one: Pick a library that looks interesting. Open your terminal. Type npm install [library-name]. Follow the quick start guide. You don't need to become a developer. But understanding the mechanics of "there's a library for that and here's how you use it" makes you dangerous in the best possible way.

The git graph was my reminder this week. Hours of frustration, solved in five minutes by knowing the ecosystem. Don't build what already exists. Find it, learn it, make it yours.

This action play is from the full article: AI Agents + GitHub: the designer's toolkit nobody talks about

Feb 20, 2026
Björn Rutholm

Written by

Björn Rutholm

Founder of PixelPappa

Technical cofounder for hire. Product designer and developer helping teams build digital products that work.

Keep reading

Action PlayOct 24, 2025

How to tell the money story

Skip the adjectives and show the numbers. Connect your design work to revenue, retention, conversion, or cost reduction.

Action PlayOct 24, 2025

How to map the value exchange

Pick one key interaction and draw a map showing what value the user gives and what they receive. If the scale isn't balanced, tip it in their favor.

Action PlayOct 24, 2025

How to draw the product triangle

Draw a triangle labeled User, Business, and Tech. Mark where your team's focus sits. It turns invisible trade-offs into visible choices.

Sign up for our newsletter

Insights, case studies, and updates from PixelPappa.

Subscribe

Let's Talk

hello@pixelpappa.com+46 073 819 15 03
WorkServicesAbout
BlogTrainingContact
© 2019 – 2026 PixelPappaPrivacy