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)
Clara takes you on a tour to Penpot's brand new components and libraries and learn how to manage them. -- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It's the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app Help: https://help.penpot.app Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers. Intro - 0.00 Creating a component in Penpot - 0:24 Managing components - 1:11 Override changes - 2:20 Copies and main detachment - 2:34 Editing copy and main - 2:50 Restoring a main component - 3:09 Annotations on the components - 3:36 Propagation across components - 3:59 How to publish a library - 4:41 Components swap - 5:09 Single source of truth - 6:47