2015 – Present
I'm currently a design lead and manager on the Firebase UX team, overseeing:
- The "Build" products (databases, web hosting, authentication, etc.)
- Core platform primitives (onboarding, billing, navigation, etc.)
- The Firebase console design system and brand visual language
2019 – Present
The Firebase team was using an old, clunky publishing system for documenting the "best practices" side of our design system. After considering alternatives available at the time (from Storybook, to Google Docs, to a one-off site), I decided to build something new.
Styleguide is a spec publishing system built with React that focuses on rapid publishing and easy maintenance, including features like:
- Markdown-based authoring + layout language, extensible through plugins
- Drag+drop or paste an image from the clipoard to upload.
- Simple collaboration + author management
- Robust redirect and shortlink support
I'm hoping to open source it someday.
2016 – Present
I built a tiny Electron app that lets you quickly reference the original Material Design color palettes. This was useful in the early days while our team used Sketch (which didn't have color styles), and remains useful for apps like Google Slides and Keynote.
Over time more functionality was added, including dark mode support, fuzzy hex-code search (contributed by a colleague), and the [hidden] ability to bring in custom colors.
I used to do a lot of public speaking about tech (partiucularly Android), and a persistent issue was quickly highlighting code for use in decks. I wrote a tool to help with that, complete with custom themes, support for lots of languages, etc.
A more recent innovation was “highlight mode,” which was great for walking through different parts of the code across several slides.
As part of exploring a couple design system ideas my Firebase UX team was throwing around, I built a set of web components with StencilJS that made simple HTML-based prototyping really approachable (just drop a script tag and start prototyping!)
Hoping to open source these, or at least write more about the process, someday.
Stickers Plugin for Sketch
I'm constantly on the lookout for ways to speed up my team's workflow. A constant struggle with Sketch (and Figma) stickersheets—particularly very large ones—is finding the example you need and dropping it into your design quickly.
To solve this, I built a plugin that indexes your Sketch libraries and provides a fast, searchable interface to find what you need and drag it into your design.
Before we switched over to Figma, the plugin became an essential part of the workflow, saving countless hours of time for the design team.
Other Plugins for Figma and Sketch
2017 – Present
I've written several plugins over the years—first for Sketch and now focusing primarily on Figma. I'm a big believer in building tools that help people work faster, and plugins are a great way to do that for designers.
A huge thank you to the Sketch and Figma teams for welcoming plugin development, as well as the wonderful developer communities that have formed and made writing plugins easy.
I wrote a little app that helps you make data URLs quickly.
It was an opportunity to try out Firebase Hosting Preview URLs, but also solved a painpoint I frequently experienced as a developer.
Muzei Live Wallpaper for Android
My philosophy for design and developer advocacy is to create big, real-world demos and use them as fodder for content creation; walking the walk gives you more credibility.
Since the original launch, I updated some of the custom visual language in the app to include material design elements.
Muzei has been installed over a million times on Google Play.
Google I/O Android App
2010 – 2014
The Google I/O Android app is a Developer Relations-run project that serves two purposes:
- Help Google I/O attendees and remote viewers personalize their conference agenda and explore conference content before, during, and after the event.
- Be an excellent open-source example of Android design and development best practices
My role has primarily been lead designer and frontend engineer, most notably for the 2014 app, which was one of the very first Android apps to adopt material design. For two years, I was also the overall technical lead for the app. In 2015, I acted primarily as UX mentor/advisor.
DashClock Widget for Android
DashClock was my first published Android app and is exemplary of my philosophy for design and developer advocacy. It also promotes Android by exemplifying functionality that's only available on the Android platform.
I updated the app for material design shortly after the material launch at Google I/O 2014.
DashClock has been installed over 3 million times.
Android Asset Studio and Icon Animator
2010 – 2016
One of my biggest passions is creating designer and developer tools. Since 2010, I've particularly been interested in tools that foster design creation for engineers and novice users.
In 2010, I launched the first version of the Android Asset Studio, which is still used by thousands of people today.
In 2016, I built the Android Icon Animator, an attempt to make simple icon animation accessible to any developer or designer.
Other Design Tools
2012 – Present
Here are a few additional designer and developer tools I've built over the years.
FORM Type Maker and Wear OS app
I cofounded FORM, Google's first external design conference. I also built a web-based playground for FORM's custom typeface (created by the Material team). The app lets users type a message, choose a color, and create an animated GIF to share on social media.
Due to the conference's small size, the app was a key part of the social media strategy, ensuring those who couldn't attend could still participate.
I built a
<canvas>-based glyph animation framework for the app. It was a great exercise in creative technology, and I learned a ton about modern web animation, performance, and more.