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: CSS Grid Layout Sneak Peek (Penpot 2.0) - Grid Form

Penpot CSS Grid allows to create forms to align components easily and make your designs adapt responsively to any device. Pablo shows on this video how grid and flex layout features together make designers and developers' work much easier. This brand new and unique functionality will be available soon along with other amazing new features and enhancements! Stay tuned. -- 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.


Tracks in this Playlist