Penpot Tutorials

Learn how to use Penpot with step-by-step tutorials created by the Penpot team. Explore core features, workflows, and best practices for designing and collaborating in open-source.

Curated by: Penpot (95 videos)


Currently Playing: Design tokens: manual setup and AI workflow

Hardcoded colors, inconsistent spacing, radii, typography values... Design tokens fix all of that. You'll see the whole thing in Penpot. How to organize tokens in sets, how composite tokens work, and then how an AI agent can apply it to your actual project in a fraction of the time. 00:00 Intro 00:20 Manual set up 01:57 AI Assisted workflow 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 For organizations that want full ownership of their design infrastructure, Penpot provides secure collaboration, scalable systems, and smooth design-to-code workflows, without vendor lock-in. https://penpot.app/talk-to-us Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Peertube: https://peertube.kaleidos.net/ Penpot: Full Stack Design #designtokens #uxdesign #PenpotTutorial #designsystem


Tracks in this Playlist