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

Penpot CSS Grid allows to create layouts in rows and columns to form a grid, ideal for complex designs where elements need to be aligned in both vertical and horizontal dimensions. Pablo shows on this video how to apply this grid layout to a web page. This layout adapts and changes across multiple devices and environments. This brand new and unique functionality will be available soon! 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