Penpot Tutorials

Design Systems with variants | Penpot Hands-On Demo


Listen Later

This week marks the release of Penpot Variants, and this hands-on workshop will guide you through everything you need to know to start using them effectively. Laura Kalbag, Design and Developer Educator, we’ll begin with a quick primer on components and component libraries, then dive into creating variants: exploring how, why, and when to use them in your design work. You’ll see live demos of different use cases for variants, learn how to convert existing components into variants, and understand how to combine components and variants with design tokens to build more consistent, scalable UI designs. By the end, you’ll have practical knowledge and workflows you can take back to your own projects.

00:00 Intro

03:49 Components and libraries primer
8:26 Using variants in UI design
14:14 Creating component variants
22:59 Nesting components with variants
38:44 Using components and variants with design tokens
50:00 Variants Q&A

...more
View all episodesView all episodes
Download on the App Store

Penpot TutorialsBy