Design Systems

This is a collection and demonstration of design systems experience over the course of 10+ years in my career.

Project Summary

Overview

As a senior manager, that was previously the senior designer at FloQast, I worked with executives, engineers, and other designers to create an in house design system.

Responsibilities

I was responsible for working with the researchers to gather data and feedback from pilots testing our systems. I created mock ups and working prototypes to input into simulators.

Design Tokens

Install the Figma plugin and you’re ready to convert your designs to a responsive site.

Storybook and Zeroheight

Browse dozens of professionally designed templates. Click, duplicate, customize.

Typography

Install the Figma plugin and you’re ready to convert your designs to a responsive site.

Do's and Don'ts

Browse dozens of professionally designed templates. Click, duplicate, customize.

Flexible

Flexible

Flexible

Atomic helpers, configurable colors, and endless combinations of design for our internal design team.

Easy To Use

Easy To Use

Easy To Use

Pull from the assets or the Figma file. We only used Figma, Zeroheight, and Storybook to maintain our design system.

Auto Layout

Auto Layout

Auto Layout

Less time needed to figure out padding, grids, and spacing. It's all built into the components.