UI Design with Tokens | Hands-on Demo, June 26th

Events and Announcements
1

How can we really work day-to-day with Penpot design tokens?

Join @LauraKalbag educator, designer, and developer at Penpot, on June 26 for the next Hands-on Demo! She’ll show you how to build a complete UI using Penpot’s design tokens and the Design Tokens Starter Kit.

Event details

Date: Thursday, June 26th

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

Stream on: PeerTube, YouTube, or LinkedIn

You’ll learn how to…

  • Design a complete UI using a Design Tokens Starter Kit
  • Speed up your workflow
  • Integrate tokens into components and libraries
  • Edit, create, and manage tokens effectively
  • Collaborate smoothly and maintain consistency
  • Make your UIs more accessible with tokens

Penpot Design Tokens Starter Pack

Discover our design tokens starter kit, complete with templates and videos, and get ready to make the most of this Hands-On Demo!

:backhand_index_pointing_right:In case you missed it, rewatch all sessions from the Hands-on Demo series.

Penpot Design Tokens: Small decisions to master complexity

5 Likes
2

Thank you everyone who joined us live or watched the hands-on video!

You can download my working file (including the components library) below:

Settings.penpot (529.6 KB)

I didn’t finish the design live :pensive_face: so I’ll finish it up now and you can see what I would have done if I had 30 minutes more.

If you’re interested in longer demo sessions, or if you’d rather short and sweet, please let me know. I truly value your feedback!

3

And here’s the finished version. That’s 27 minutes since the live stream ended :sweat_smile:

Settings finished.penpot (601.8 KB)

Mockup of a Settings profile form in Penpot
Mockup of a Settings profile form in Penpot1724×1392 143 KB

1 Like