Turning a design system into something designers could actually build with.

Voit is a Figma design system built to help teams move from foundations to complete product interfaces faster. When I joined, the foundations, components, and patterns were already established. The missing layer was the one designers needed most when building real products: complete screens

I was brought in to design the Blocks layer, creating full-page compositions across 13 categories while working within the existing system. Every block had to be useful on its own while remaining consistent with the foundations underneath it.

I designed 150+ responsive blocks across light and dark themes, turning the system into something designers could use to move from individual components to complete product experiences.

Industry: Design
Project Stage: Launched
Role: Design Systems Specialist
Timeline: 3 Months
Services Provided: Design systems, UX/UI, Responsive design, Component Composition

The system in motion, from foundations to finished screens.

Voit, Components library — The Components library: buttons, inputs, and the building blocks.

Voit, Blocks library — The Blocks layer, full-page compositions across 13 categories.

Voit, Pattern library: media, navigation, sections, and utilities — Patterns; the media, navigation, and utilities that hold the system together.

Voit, dashboard block composition — Blocks composed into a complete dashboard, end to end.

Next Case Study