Chrome Web Store · Huge Inc. · 2025

Powerful extensions, seamless design.

A design system for the store that serves extensions and themes to more than 100 million people in the U.S. alone.

Client
Google Chrome Web Store
Studio
Huge Inc.
Role
Sr. Visual Designer
Year
2025
Foundation
Material Design 3
The Chrome Web Store home on a Studio Display, with the Favorites of 2024 banner, top categories and recommendations

01The task

We were tasked with creating a design system, improving and documenting existing and new components

It was necessary to map out each component and create sub-components for each of them. We also recreated all the states for the interactive elements of the website.

The Web Store header mapped into sub-components: logo, search field states, avatars, tabs with active, hover and default states

02Unified source of truth

Unifying the components wasn’t easy — they were based on three different systems, and some were bespoke to the product.

To address this challenge, we chose Material Design 3 as the foundation for the system. For elements derived from other systems or created exclusively for this product using standalone styles, we implemented a token structure and decided to manage them as local variables.

The Material Design 3 color roles documentation page

03Two audiences

One website, two experiences.

What may appear simple at first glance is, in fact, a complex product: a massive repository integrated with a dashboard to manage other digital products. Creating a system for both is not an easy challenge.

Developers

Creators

Creators design and build those extensions within the Web Store’s developer platform.

The Chrome Web Store Developer Dashboard

Users

Customers

Customers install and use extensions through the public Chrome Web Store.

The public Chrome Web Store Entertainment category

04Prototypes

Everybody loves prototypes, so we made all component states interactive.

Interactive component states built into the library: hover, focus, pressed and disabled

This approach reduces the time designers spend creating prototypes, and by building these micro-interactions directly into the core library, we ensure both quality and standardization.

05Tokens

Tokens for control and efficiency.

Every color, type and spacing decision lives as a token, so the library can be tuned in one place and every component follows.

A Chrome Web Store category button mapped to its colour tokens, with the Figma variables panel showing the radius scale

06Impact

Finally… the impact of this system

The most important part for some of you 😅

0Web Store users in the U.S.
0Components audited & documented
0Design time saved
GM3Library standardized

Reflection

This project was a true milestone in my career. As a Senior Visual Designer at Huge Inc., I contributed nearly 40% of the process to document and standardize the Chrome Web Store design system for Google as an external workforce member. It was a breakthrough moment for me, fulfilling a dream I had since childhood of working for Google. Few designers get to work on a product at this scale, and fewer still on the system underneath it.

Next project · Dow Jones · Wizeline · 2024

Dow Jones Unified Design System

One component set for more than ten brands. Tokens and variables for everything, +60 designers, +300K component instances.

Read the case study

Let’s work together

Say hello

I’m looking for a product design team where systems matter and things ship at scale — in Canada, remote, or wherever you are. If that’s you, I’d love to hear from you.

Message me on LinkedIn ↗

Based in Colombia · Open to relocation · Remote across the Americas