Penpot

Learn Penpot

Not sure where to start? Learn more about what Penpot is, and why Penpot is right for you. New to design tools? Take a tour of Penpot’s interface.
Quick start
Wireframing
Prototyping
Flexible layouts
UI design
Design system

Quick start

Know what you want to create? Use these templates to jump right in. You can also download more templates from our collection.
Download more Libraries & Templates

Guides

From the basics to the power tools, learn everything you need to do great design with Penpot.

Wireframing

Wireframes are low-fidelity skeleton designs for fast iteration.
Creating mobile UI wireframes using components from the wireframing kit shared library.
Creating wireframes
A tutorial for wireframing with Penpot.
Wireframing kit.
Wireframing Kit
Use our kit to create wireframes in minutes.

Prototyping

Interactive prototypes help us show exactly how our designs should behave.
Creating interactive prototypes with Penpot.
Creating interactive prototypes with Penpot
A tutorial for creating interactive UI prototypes with Penpot.
Penpot Design System
How to design interactive prototypes
Watch our demo on creating clickable prototypes in seconds.
Mockups of a light and dark mode of a toggle with prototyping connectors.
Prototype examples template
See how prototyping works with our example template.

Flexible layouts

Create flexible layouts for your designs using flex and grid layouts.

UI design

Everything you need to know to start designing high fidelity UIs for apps, websites, and more.

Design systems

Build design systems to create more consistent user experiences and more efficient design and development processes in your team.