Building a strong Design System

Clapp at Walmart drives accessible, inclusive, and hierarchical design through robust components and strong cross-functional collaboration

Reasons

A system that envolves into brand experience

A design system for Walmart Mexico's digital products, designed to standardize user experiences based on usability, performance, and accessibility standards to streamline the creation and iteration of our graphical interfaces.

IMPACT

Getting strong components to development team

Precisely designing the Clapp System at Walmart powers scalable, documented, and code-aligned interfaces with Figma and developers.

IMPACT

Getting strong components to development team

Precisely designing the Clapp System at Walmart powers scalable, documented, and code-aligned interfaces with Figma and developers.

Brad Frost

"We’re not designing pages; we’re designing systems of components."

Accomplishment

Key Results

Many product has involved in Clapp! 2.0 and 3.0 as a main design system for internal products

+70%

products were building with Clapp! components in Mexico

200+

tokens designed in the version one as a foundations

2022

launched second edition as an updating for stakeholders