TUE, 15 APR - 14H UTC (Convert to your local timezone: https://zonestamp.toolforge.org/1744725600) Get ready for the live unboxing of Penpot’s Native Design Tokens! This event celebrates not only the launch of Penpot’s native design tokens, but also the exciting partnership with Tokens Studio by Hyma. Join us to learn all about Penpot’s native design tokens and participate in the live Q&A session.

What to expect:

Pablo Ruiz-Múzquiz, CEO of Penpot, will kick off the event, showing us Penpot’s design tokens within the 2.6 release and explaining why this milestone is such a huge deal for our community. Mike Kamminga, CEO at Tokens Studio by Hyma, will discuss how Penpot’s design tokens are the result of innovative teamwork and collaboration. Laura Kalbag, designer, developer, and educator at Penpot, will give a quick walk-through, showing you exactly how Penpot’s design tokens work and why they’re a crucial addition to your workflow. Live Q&A session to ask your questions

Penpot design tokens: Small decisions to master complexity

00:52 intro
01:42 2.6 release, innovation
03:19 Design Tokens. Not yet another feature
03:50 Declarative Design
05:14 Open Sorce, open standards
06:15 Non-biased tooling
07:29 Accesible and inclusive tools and workflows
08:33 Design Tokens, since when
10:57 Mike Kamminga. The start of a movement
17:18 Design Tokens Demo with Laura Kalbag
18:20 Adding a design token
19:51 Complex systems with design tokens
22:16 JSON file
22:45 How you build up complex systems
23:33 Foundation/base/global tokens using sets
26:48 Semantic tokens using aliases
29:52 Density using calculations
32:38 Light and dark colour themes
33:40 Switching between themes with modes
35:30 How design tokens fit in with your overall design system
37:32 Q&A
58:26 Goodbye
01:00:01 Penpot Fest Early Tickets for sale

Penpot is the free open-source design tool for Design & Code collaboration.

Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more.

Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect.

Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster.

Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available.

Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org

Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot

Penpot: Design as code.