CC Figma Prototypes

Site design and system documentation

After I launched the redesign of this site, I realized that I'd added a lot of patterns to accommodate all of the content I wanted to cover. Since I built everything myself and formed my own library of code, I wanted to document the system while it was still fresh.

I used Figma to create components to show the available elements, their responsive layouts, and the distinction between light and dark mode experiences.

Variables

Figma variables

Prototype

Figma prototype

Components

Figma components