Practical UI Design with tokens | Penpot Hands-On Demo

time1 mo agoview46 views

LIVE: Thursday, June 26th. UTC 3-4 PM

How can we really work day-to-day with Penpot design tokens? Join Laura Kalbag, educator, designer, and developer at Penpot, for an interactive, hands-on session where she’ll walk you through creating a complete UI design using Penpot’s design tokens and our Design Tokens Starter Kit.

You'll learn how to:

  • Design a complete UI using a Design Tokens Starter Kit
  • Speed up your design workflow with design tokens
  • Integrate tokens into components and libraries
  • Edit existing tokens and create new ones
  • Collaborate with design tokens following best practices
  • Make your UIs more accessible with tokens

1:22 Intro 2:59 How to get the Design tokens starter kit 8:58 Creating a UI design with design tokens 32:32 Building a Penpot components library 49:51 Using design tokens to improve accessibility 53:32 Design tokens doctor Q&A

👉 For a complete set of resources to help you get started with Penpot design tokens, visit our Penpot Design Tokens site: https://penpot.app/collaboration/design-tokens

👉 You’ll find all the info about this live in our community space! https://community.penpot.app/t/ui-design-with-tokens-hands-on-demo-june-26th/8983

👉 Enjoy the entire Hands-on demo series, where we explore real-life designer and developer use cases. https://www.youtube.com/playlist?list=PLgcCPfOv5v56_iRm-lwkdNtgXEP2M-vUA

Loading comments...