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)
Curious about what's in the cooking of Penpot 2.0 release? In this demo, Pablo Ruiz Múzquiz, CEO at Penpot, walks you through this unique Penpot feature - CSS Grid Layout! He also reveals the potential of another feature we're introducing on this 2.0 release - new update on components. Oh, and one more thing, check out the shiny and redesigned UI and leave your comments below. It's all about these improvements that make the whole experience so much enjoyable and make you feel right at home. Stay tuned for Penpot 2.0! 00:00 | Intro 00:47 | Grid Form 00:58 | How Grid Layout works using flex components 03:26 | Grid Layout 05:23 | Inspect mode: CSS and HTML 06:20 | Components: Swap 07:11 | Outro --------- Penpot is the first open-source design and prototyping tool for Product teams. 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 Freedom For Product Teams.