Laura Kalbag - Penpot Blog (Page 2)

The leaderboard component featuring list of people with their avatars, names, sales revenue and percentage.

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.

Grid layout components shown on the canvas and as reusable components in Penpot.

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.

Design

Design systems with Penpot

Let’s walk through the Penpot features you can use to create your team’s design system, from shareable libraries to generated CSS and everything in between.

Wireframes in Penpot created using the Wireframing Kit 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.

The light mode and dark mode boards on the canvas, connected by prototype lines.

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.

Three views of a poster store website design, connected between their navigation links with prototype lines.

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.