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.

Distilling the core elements.

Headers for views, sections, and feeds.

Cell variations for collections, profiles, and notifications.
Using Sketch Runner to quickly compose screens.

Components of the "Add to Magazine" view.

Primary buttons and action footers.

Bottom navigation for iOS and Android.

Article layout variations.