Protocol

from

Mozilla

Foundations:

6

/

Components:

18

Protocol Design System is a design framework created by Mozilla for building internal products. Protocol includes components, and tools for consistent, accessible, and responsive web design, emphasizing inclusivity and open-source collaboration.

Design System not included wide guidelines for UI components and only contains live examples of reusable coded components. Protocol is still an evolving project. Currently it’s used primarily by the Mozilla Marketing Websites team as the front-end for www.mozilla.org

Studying how

Mozilla

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Studying how

Mozilla

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Studying how

Mozilla

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%