Penpot logo
Product
Self-Host
AI Workflows
Features
Release notes
Integration & API
Business Cases
Features
Community
Community Space
Ambassador Program
Wall of love
Penpot Fest
Blog
Features
Features
Resources
Learning Center
Penpot UI Course
Plugins
Libraries & Templates
Tutorials
Dev Diaries
Help Center
Pricing
Contact Sales
Log In
Contact Sales
Sign up
New
Penpot AI workflows — Explore now

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.
Sign up, it's free!
Self-hosted install available
Unlimited seats
Access Penpot's complete design platform with absolutely no seat limits, even for teams on our free plan.
Self-host
Self-host option available. Make Penpot your own anywhere you like. Bring it in-house for unparalleled security and ownership of your designs.
Developer friendly
Help developers ship products faster with features built just for them, such as Penpot's Inspect tab and CSS Grid and Flex layout unique features.

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.
Prototyping with an app in penpot
interactive_prototyping icon

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.
interactive_prototyping icon
interactive_prototyping icon

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.
scroll prototyping icon
reusable_components icon

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.
easy_conversion_icon icon

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.
pencil icon
arrow icon
stars icon
2. Build
Simulate real product behavior using Penpot’s prototyping tools.
arrow icon
3. Share
Preview flows in-browser, gather feedback, and iterate.
arrow icon
4. Develop
Inspect real HTML, CSS, and SVG directly in the prototype.
stars icon
arrow icon
5. Ship
Export production-ready layouts built on open standards.

What designers and developers say about Penpot

heart icon
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.
RC
Ridoy Chandra Dey
@username
heart icon
Penpot is really promising to become the future of design! A must try!
wall of love icon
Irfan Kurnia
@irfankurnia33
heart icon
Check out Penpot, the open-source design tool that empowers teams to create, collaborate, and innovate without the constraints of proprietary software! 🌟 Design freely!
wall of love icon
Faisal Irfan
@AI_Success_1
More love

Get started with Penpot today

Penpot has everything you need to design, prototype, and collaborate. Explore all of our prototyping resources.
prototyping example template
Prototype examples
Create lo-fi wireframes in minutes.
Check out this template
interactive music app template
Interactive music app
Over 100 different components to help you design wireframes.
Check out this template
Templates for websites, mobile apps, and dashboards.
Video tutorials to guide you through key features and workflows.
Community resources built and shared by real Penpot users.
Plugins to help you customize Penpot for your needs.

Much more than just a prototyping tool

Penpot is your all-in-one platform for designing, collaborating, and scaling your designs — from first wireframe to full design system.
Explore more ways teams use Penpot.
 design of components in penpot
UI Design
prototyping of an app
Wireframing
penpot screen of an app in a penpot board
Design

FAQ

Can I create interactive prototypes in Penpot?
What Penpot features support developer handoff?
What makes Penpot different from other prototyping tools?

Stay in the loop

Receive product and Community updates!
Penpot Newsletter Illustration
Penpot logo
Full-stack Design

Product

  • Design
  • MCP Server
  • Code
  • Collaboration
  • Features
  • Design Tool
  • Penpot VS Figma
  • Penpot VS Adobe XD
  • Penpot VS Canva
  • Penpot VS Sketch

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Release notes
  • Help center

For Businesses

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration & API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Resources

  • Penpot UI Design Course
  • Plugins
  • Libraries & templates
  • Learning center
  • Tutorials
  • Community
  • Dev diaries
  • Help center

For Business

  • Security & Compliance
  • Pricing
  • Self-host
  • Integration &API
  • Why Penpot
  • Penpot Enterprise
  • Design Infrastructure

Company

  • About
  • Blog
  • Wall of love
  • Penpot Fest
  • Careers
  • Media Kit

Use Cases

  • Wireframing
  • Prototyping
  • UX design
  • AI Workflows
Collaborative UI Design

Key Features

  • Penpot MCP Server
  • Design Tokens
  • Design Systems
  • CSS Grid and Flex Layouts

Legal

  • Terms & conditions
  • Privacy policy
  • Cookie policy
  • Data processing agreement
  • Whistleblowing
Made with LOVE and Open Source KALEIDOS Subsidiary SL © 2026