Penpot ✕ Tokens Studio Hands-On Demo, Feb 25th

One of my favorite things about the design community is learning from other people much smarter than me. So I can’t wait for our next hands-on session… it’s a Penpot ✕ Tokens Studio collab with Marco-Christian Krenn. Save the date: Wednesday 25th February.

One of the key benefits of design tokens is making your design system easier to grow and maintain. But do you ever just get overwhelmed by the number of tokens you’re using? I do!

With the expert help of Marco-Christian Krenn, we’ll look at creating design systems that support multiple brands, color themes, and responsive design. We’ll learn how to use fluid typography, color channels, and more, to create completely scalable systems which require just a few tokens to maintain.

Details

Date: Wednesday, February 25th

Time: UTC 3-4 PM (Convert to your local timezone with ZoneStamp)

Stream on: PeerTube, YouTube or LinkedIn

We’re going to cover…

  • Using token references (aliases) and advanced math operators

  • Fluid, responsive typography

  • Color theming with minimal tokens

  • Using tokens to test layout flexibility and accessibility

  • Tips for structuring your design token sets and themes

  • Cool stuff you can do with design tokens in the future

This is a live session, so we’ll be able to answer your questions in real time. Bring your nerdiest questions! If you can’t make it live or already have a question in mind, share it in the replies below.

Have you watched our previous hands-on sessions? Catch up with the complete Hands-on demo playlist!

8 Likes

Here’s the file for the demo in today’s hands-on :smiling_face: (video above!)

Design mocks.penpot (5.7 MB)

And here’s the random color generator:

Random color generator.penpot (72.4 KB)

Let me know if you have any further questions or any other practical demos you’d like to see in the future!

5 Likes