NEW REFCARD

Design Systems

There's a lot of room to grow when it comes to collaboration between design and development teams — and design systems are intended to help with that. A design system serves as a single source of truth for product teams when building apps and represents a collaboration contract between design and development. Download this Refcard to learn about the stages of design-development collaboration, the anatomy of a design system, the benefits of using a design system, and the future of design systems.

Download Refcard

 

What You'll Learn

 

Levels of Design-to-Development Handoff

Learn about the four levels of design-to-development handoff: static visual specifications, interactive visual specifications, visual specs, and generating UI components from visual specs.

Download Refcard ▸

 

Standardized UX

See how design systems help preserve consistency around different devices, products, and sub-products.

Download Refcard ▸

 

Atomic Design Methodology

Learn about atomic design methodology, a popular approach that refers to design system components as atoms, molecules, or organisms.

Download Refcard ▸

 

BROUGHT TO YOU IN PARTNERSHIP WITH