Penpot Tutorials

Practical UI Design with tokens | Penpot Hands-On Demo

Listen Later

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

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