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

Prototyping

Interactive prototypes help us show exactly how our designs should behave.
Wireframing kit
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.
Zest icons
Prototype examples
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.