Skip to content

Penpot

Draw screens in a browser, connect them into a prototype and keep an editable copy of the design.

Visit Penpot

How do you check a flow in Penpot?

Put the starting screen and its result on separate boards, then connect the button between them. View mode lets you try the same path the reviewer will see.

Use a separate practice file in a workspace you can use for testing. Penpot runs in a browser and its managed service uses an account. Use made-up appointment times and keep the exercise within the design.

  1. Draw the choice and the result
    Make one board with a time and a Continue button. On another board, show the time and explain what happens next.
  2. Link the button to the result
    Select the button, open Prototype and drag a connection to the result board. Set the first board as the start of your flow.
  3. Play it in View mode
    Check that Continue reaches the intended board. Ask what a person would see if the time became unavailable and draw that state before the app is built.

Who can see a Penpot prototype link?

Anyone with a share-prototype link can open the pages you included, even without a Penpot account. Use a team workspace for designs that should be visible only to authorized people.

For a disposable prototype, choose the pages to share and enable comments or design inspection only when the reviewer needs them. Open the link in a signed-out browser to see what is visible. Use Destroy link when the practice review is over.

What can you hand over when the design is ready?

Export a .penpot file to give someone an editable copy. Use Inspect for measurements and snippets that help the person building the screen.

Choose the copy the next person needs
Next taskWhat to hand over
Keep editing the designExport the native file. Include linked libraries to preserve how shared components connect, or merge their assets into the file if you need a self-contained design copy.
Build the screen in a web appUse dimensions and CSS styles from Inspect and copy the SVG or HTML snippets that help. Add a note on what the app should save and what to show when the action fails.
Check whether the design can moveImport the saved file into a separate test project. Check the screens, images and reusable parts before relying on that export.

When does it make sense to host the Penpot editor yourself?

Use the hosted editor if you want someone else to run it. Run Penpot on a server you control when your team needs to choose where design files live and has someone to maintain that server.

Self-hosting means running the design workspace on infrastructure you control. It takes someone who can run and update the editor, manage access and restore files from backups. The free self-hosted software plan still leaves server and maintenance costs. Your web app has its own hosting and data needs.

Penpot cloud prices listed in November 2026
Cloud planBilling unitWorkspace limits
ProfessionalUS$0 per user per monthUp to eight team members, unlimited viewers, 10 GB storage and seven days for saved versions and file recovery.
UnlimitedUS$7 per editor per month, capped at US$175 per month25 GB storage and 30 days for saved versions and file recovery.

On a small screen, scroll the table sideways to read every column.