Skip to content
Avatar

Highlights

Organizations

@github @specfm @withspectrum @nice-boys @changefeed

Sponsoring

@M0nica @joshwcomeau @alyssaxuu @tj @chaynHQ @rsms @tatianamac @sindresorhus
brianlovin/README.md

👾

Hey, I’m Brian.

I’m a product designer, podcaster, and writer, currently living in San Francisco. Right now I’m building native mobile apps at GitHub. Let’s grab a coffee.

More about me →
My personal website
@brian_lovin on Twitter →

Writing

I like to think out loud about design, development, and building products.

Read some posts →

Mini projects

Small just-for-fun weekend projects I've been tinkering with.

AMA - ask me anything!
Bookmarks - my place to save and take notes on cool internet finds.
HN - a better version of HN.

Design Details Podcast

Design Details is a weekly conversation about design process and culture. I’ve been a co-host on the show for over five years.

Check out the podcast →
See the site code →

Figma plugins

There’s a lot of work in the design process that is boring, tedious, and repetitive. I like to make plugins to help automate it away.

Dominant Color Toolkit
Generate a palette from an image to magically populate your designs.

Responsify
Quickly test your designs across multiple device sizes.

iOS Export Settings
Applies the correct export settings for every required iOS App Icon size and density.

Export .zip
Easily export assets from Figma directly into a .zip file.

GitHub Data
Populate data from GitHub into Figma mocks

My Figma profile →

Open source work

specfm / design-details
The code that powers designdetails.fm.

brian-lovin-next
The code for my personal site

security-checklist
A checklist for staying safe on the internet.

withspectrum / spectrum
Simple, powerful online communities.

specfm / spec-next
A podcast network to help designers and developers level up.

My repos →

Speaking and interviews

Building for open source
Ryan Nystrom and I talk about designing and building the mobile apps at GitHub.

Extend what’s possible with Figma Plugins - Figma Config
An exploration into the plugins I built to automate the tedious parts of designing mobile apps at GitHub.

Designing with GraphQL - GraphQL Summit
Exploring the possibilities that open up when designers and developers can speak the same language.

Interface Lovers Interview
An interview about how I got into design, my process, and past work.

Charmander++ – Interviewing ourselves on Design Details
Bryn Jackson and I interviewed each other. Totally humble.

App Dissection

In-depth explorations of visual and interaction design in well-known apps.

Check out the dissections →

Pinned

  1. Simple, powerful online communities.

    JavaScript 9.2k 955

  2. My personal site

    TypeScript 190 30

  3. Level up.

    TypeScript 117 15

  4. A weekly conversation about design process and culture

    TypeScript 90 7

  5. A checklist for staying safe on the internet

    JavaScript 890 85

  6. Populate data from GitHub into Figma mocks

    CSS 145 11

3,121 contributions in the last year

Sep Oct Nov Dec Jan Feb Mar Apr May Jun Jul Aug Sep Mon Wed Fri
Activity overview
Contributed to brianlovin/brian-lovin-next, specfm/spec-next, specfm/design-details and 5 other repositories
Loading

Contribution activity

September 2020

Created a pull request in specfm/design-details that received 1 comment

Add webflow redirect, logo

+21 −0 1 comment
51 contributions in private repositories Sep 1 – Sep 16

Seeing something unexpected? Take a look at the GitHub profile guide.

You can’t perform that action at this time.