Penpot

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.
Wireframing kit
A tutorial for wireframing with Penpot.
Penpot Design System
Learn how to import our Wireframing kit.
Zest icons
Use our Wireframing Kit to create wireframes in minutes.

Prototyping

Interactive prototypes help us show exactly how our designs should behave.
Wireframing kit
A tutorial for creating interactive UI prototypes with Penpot.
Penpot Design System
Watch our demo on creating clickable prototypes in seconds.
Zest icons
See how prototyping works with our example template.