Penpot User Guide

In this documentation you will find (almost) everything you need to know about how to work with Penpot, from the interface basics to advanced functionality. Learn the details on topics such as prototyping, organizing your designs, or sharing, to get the most out of Penpot.

This documentation is a work in progress that will be updated frequently. If you have a suggestion, see something is missing or find anything that needs correcting, please write to us at support@penpot.app.

Explore our featured topics:

• Layers

  Objects available in Penpot and how to get the most of them

• Flexible layouts

  Create designs that adapt automatically

• Components

  Speed your design workflow with reusable components

• Variants

  Group components into a single, customizable one

• Design Tokens

  Synchronize visual elements across your designs

• Inspect design

  Get production-ready code

• Prototyping

  Build interactive prototypes to mimic your product behaviour

• Libraries

  Organize and manage your stored elements with Libraries