Tutorial
Tutorial: How to create responsive CSS Grid layouts in Penpot
With Penpot, you can create CSS Grid layouts without any code. This tutorial explores creating a bento grid layout for a sales dashboard UI.
Tutorial
Tutorial: How to create CSS Flex layouts in Penpot
Create CSS Flex layouts without learning how to code. This tutorial shows you how to use Penpot’s flexible layout tools using our sales dashboard UI template.
Tutorial
Tutorial: How to create CSS Flex and Grid layout components in Penpot
To create consistency across your design system and help speed up the design process, you can save Penpot flex and grid layouts as reusable components.
Tutorial
Tutorial: Creating wireframes with Penpot
Learn how to design, present, and share wireframes with Penpot using our Wireframing Kit library to get started quickly.
Tutorial
Three top tips for designing interactive prototypes with Penpot
Find out the top three tips to help you make great prototypes with Penpot every time. Use the following tips to level up your Penpot skills.
Tutorial
Tutorial: Creating interactive prototypes with Penpot
As UI and UX designers, we’re pretty limited by how much we can convey in static visuals. Interactive prototypes are a handy way to show exactly how our designs should behave.