Skip to main content
Back to blog

How to get started with GitHub as a designer

Björn Rutholm

Written by

Björn Rutholm

Action Play2 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