Flipboard Universal Design System

Lead Product Designer

Introduced in 2017, the Flipboard Universal Design System is the first in the company's history. The system includes a series of core components, layouts, and interaction patterns used across all Flipboard properties.

I co-designed the system for the release of the new Flipboard, working closely with the product and brand design teams. Additionally, I led the development of the team’s first component library, positioning the design system to work at scale for future product work.

Overview of the core elements of the Flipboard Universal Design System.
Distilling the core elements.
Headers for views, sections, and feeds.
Headers for views, sections, and feeds.
Various cell component variations.
Cell variations for collections, profiles, and notifications.
Using Sketch Runner to quickly compose screens.
Components for the "Add to Magazine" view.
Components of the "Add to Magazine" view.
Examples of various button components.
Primary buttons and action footers.
Bottom navigation element for iOS and Android.
Bottom navigation for iOS and Android.
Various article layout components.
Article layout variations.