Dribbble < GitHub

Why it’s worth it for UX/UI/product/… designers to get interested in GitHub

GitHub is a place where you can find a lot of user interface components.

Most GitHub users are software developers. You don’t have to be a software developer to find value in GitHub, though.

Many UI components on GitHub have demos that don’t require any programming skills to appreciate. And there is a lot to appreciate.

Demo + code vs GIF

The advantage of GitHub over Dribbble is that… GitHub is primarily for software developers. GitHub is mainly for people who implement and ship projects. Using GitHub resources is a tribute to the software developers who carry out your projects. Demos with open–source code make communication easier. Sometimes, they also greatly simplify the work of software developers. Developers appreciate and remember that.

When I have to design something, I look at GitHub, not Dribbble. Dribbble is for visual inspiration. GitHub is for ready–made pieces of technology for user interfaces that have demos, have specific constraints and functions, and really work.

I’ll have this, this & that

I know software developers who mention, with tears in their eyes, all the customers who have given them designs accompanied by links to specific projects on GitHub.

The value is real. Communication using demos of UI elements reduces the chances of misunderstandings. Demos answer many unasked questions. Besides prototypes, they are one of the most valuable tools in the fight against risk in software projects.

Star, heart, favorite it up

You can “star” projects on GitHub. This makes it easier to find them in the future.

This sort of collection of UI semi–products turns out to be surprisingly valuable for me and the people working with me. I can’t remember a single week where I haven’t used it.

I’ve starred projects on GitHub since 2014. For four years, I’ve starred over 1,500 projects. Now, whenever I need to design an interface element, I often think to myself, “Hmm, I starred something nice that does this thing a few months ago…” This is one of those things that make me a better designer and that can’t be bought with money.

Where to find projects worth starring

• GitHub Explore newsletter
• ProductHunt
• Fellow designers who are familiar with GitHub (hi Adam! :)
• Active searches on Google and GitHub
• My list of starred projects

Recipe: Building your value as a designer in just 2 minutes a day

1. Create an account on GitHub.

2. Subscribe to GitHub Explore:

3. Every day, scan a short email that looks something like this:

4. If you decide that a project may be useful for you, visit its website and click “Star”.

5. After a while, your list of starred projects will look something like this:

6. The thought “I have a perfect component here in my stars on GitHub” will occur to you more and more often.

Examples of tools I found on GitHub

1. http://github.hubspot.com/react-select-plus/

2. http://leafletjs.com

3. https://github.com/knsv/mermaid

4. https://frappe.github.io/charts/

5. https://shopify.github.io/draggable/

6. https://timeline.knightlab.com

7. http://paperjs.org/examples/candy-crash/

8. https://roughjs.com

Convinced? Sign up for GitHub

Once you get used to GitHub, you can talk to the software developers you work with about the technologies they use and learn how to look for semi–products that developers can easily use in your project. But that’s a topic for another article.

Why do we so often undervalue a second pair of eyes?_Surprisingly, a lot of things in this world have no value. A second pair of eyes has value. You know it and I know it…_uxdesign.cc

Design podcasts: Where to start? 2019 Editionblog.prototypr.io

We are one Firefox away from a monopoly_The fact that Microsoft is abandoning the engine of its web browser for Chromium and that we are threatened with a…_uxdesign.cc

The best holiday gift for a designer_A testimonial_uxdesign.cc

User research in open-source design_615‑star repository and 50 survey responses in 20 days_uxdesign.cc

How hackers buy design serviceshackernoon.com

Questions to ask yourself about design side projectsuxdesign.cc

What a short pro bono civic tech design project for a non–governmental organization looks likeuxdesign.cc