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.4k 988

  2. My personal site

    TypeScript 210 32

  3. Level up.

    TypeScript 116 15

  4. A weekly conversation about design process and culture

    TypeScript 95 13

  5. A checklist for staying safe on the internet

    JavaScript 899 86

  6. Populate data from GitHub into Figma mocks

    CSS 152 12

3,067 contributions in the last year

Nov Dec Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Mon Wed Fri

Contribution activity

November 2020

Reviewed 5 pull requests in 2 repositories
designdetails/designdetails 3 pull requests
specfm/spec-next 2 pull requests

Created an issue in primer/octicons that received 3 comments

Enclosed person icon

We're looking for an enclosed person icon to use in the mobile apps, where the app will have more weight than our current icon, and in a "selected …

3 comments
51 contributions in private repositories Nov 2 – Nov 14

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

You can’t perform that action at this time.