Explore all our resources on Design Tokens and become a master

Penpot: The open-source prototyping tool for leading product teams

Build interactive prototypes with your team. Map navigations, flows, and behaviors to validate ideas early and move from design to product seamlessly with your developers.

Self-hosted install available

Penpot is the prototyping tool your team needs

Design for actual product behavior

Prototype with real layout logic and interactive flows.

Freedom to work your way

Use Penpot in the cloud or self-host it on your own terms.

Save on development time

Get clean, inspectable code from every design.

Zero limits

Enjoy no seat limits, paywalls, or feature lockouts.

Frictionless collaboration

Share, review, and refine your prototypes in real time.

Built to scale

Stay future-proof with open formats like SVG and CSS.

Move from idea to validation fast

Penpot’s prototyping features help your team move faster and build with confidence.

Interactive links

Build interactive multi-step flows by connecting boards, elements, and layers with clickable hotspots.

Animated transitions

Add motion between screens with smooth transitions that bring your prototypes to life.

Overlay support

Simulate modals, popups, and tooltips using overlays that stack naturally on top of your designs.

Scroll simulation

Use scrollable containers and fixed-position elements to truly mimic how your product would behave.

Flow management

Handle multi-entry journeys with branching paths and interactions that reflect real user behavior.

Flexible export and inspect

Preview in the browser, share with a link, or inspect your prototype’s layout in workable code.

Bring design and development together

Penpot makes prototyping easier by keeping designers and developers in the same space — from idea to implementation.

1. Align

Collaborate early with designers, developers, and other stakeholders in one shared space.

2. Build

Simulate real product behavior using Penpot’s prototyping tools.

3. Share

Preview flows in-browser, gather feedback, and iterate.

4. Develop

Inspect real HTML, CSS, and SVG directly in the prototype.

5. Ship

Export production-ready layouts built on open standards.

What designers and developers say about Penpot

As a full stack developer I need to have basic understanding of ux/ui design. That's why I learnt Penpot. Now I can create my own project ux/ui design that can allow me to write code in much faster than before. And I successfully created my own portfolio ux/ui design.

Ridoy Chandra Dey

@username

Penpot is really promising to become the future of design! A must try!

Irfan Kurnia

@irfankurnia33

Check out Penpot, the open-source design tool that empowers teams to create, collaborate, and innovate without the constraints of proprietary software! 🌟 Design freely!