We’re back with a new hands-on live demo on December 10, 2025 
! If you’re not quite sure how to start with components, variants, or design tokens, this demo is for you.
What makes a good component? When should you add design tokens to your UI design? In this demo, I’m going to update my first ever Penpot template (Prototype examples) to use a component library, component variants, and design tokens.
Throughout the demo, we’ll learn about the best time to introduce these features into your work, how to get started, and making our UI design work scalable, maintainable, and better for collaboration. This should also be a valuable demo if you’re looking to catch up on some of the newest and coolest Penpot features.
Details
Date: Wednesday, December 10th
Time: 15:00 UTC (Convert to your local timezone with ZoneStamp)
Stream on: PeerTube, YouTube or LinkedIn
We’re going to cover…
- Updating a UI design to use design tokens, components, and component variants
- Getting started with components and libraries
- When and how to create components and component variants
- Getting started with design tokens including tokens for color, spacing, and typography
- Design token themes
This is a live session so I can answer your questions live in real time. If there’s anything specific you already know you want me to cover, let me know below, and I’ll do my best to include it in the demo. Please also join me live so I feel less like I’m talking to myself 
Looking for live demos? Check out our complete Hands-on demo playlist!
