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: Collaborative UI Design Software

Penpot is a collaborative design tool for designing interfaces and bringing visuals to life.
Need more guidance? Check out this post for tips on how to navigate a Penpot file

Why choose Penpot for your UI projects ?

Design and Code

Create beautiful user interfaces in collaboration with all team members. Keep consistency at scale with components, libraries and design systems.

Components

Speed your workflow with the reusable power of components.

Flex-Layout

Build flexible interfaces following CSS standards.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.
Design from the web and for the web
Code
Design

Seamless team collaboration

Create beautiful and frictionless design systems, components, custom fonts and responsive layouts with real-time input from your teammates and no hand-off drama.
different roles collaborating on a project
Interactive prototyping

Components

Create rich interactions to mimic the product behavior. Share them to stakeholders, present proposals to your team and start user testing with your designs, all in one place.

Components

Speed your workflow with the reusable power of components.

Flex-Layout

Build flexible interfaces following CSS standards.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.
code feature in penpot board
Code
Code

Developer friendly

Penpot’s Code Inspect tab expresses design as code, eliminating hand-off issues. Making design a natural part of the developer workflow. And it’s free for your developers!

Templates & Libraries

It's teamwork that makes design whole. Penpot provides features that allow designers, developers and stakeholders to collaborate sharing the same space.

Components

Speed your workflow with the reusable power of components.

Flex-Layout

Build flexible interfaces following CSS standards.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.
Next level collaboration
Code
Design

Cloud storage or self host

Create and edit new designs in the cloud from anywhere or use a self-hosted deployment for enhanced privacy and customization needs.
Self host illustration
Different boards on a penpot project
Code
Code

No installation required

Penpot works right within your browser to help you start your creative journey now.
Developer tools

Vector files export

Developers are at the core of Penpot's vision. We make sure they can use it as part of their productivity tools thanks to intuitive navigation and code and properties introspection. The built-in read-only mode brings a great safety net!

Components

Speed your workflow with the reusable power of components.

Flex-Layout

Build flexible interfaces following CSS standards.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.
Code
Design

Works everywhere

The web-based app runs on any operating system, including Windows, Mac, and Linux and any browser. You can even complete projects between devices.
two screens of a project

Custom font management

We build this community together. We have built an accessible place to learn more about Penpot. Once you become familiar with it, you can easily start helping other by contributing libraries & templates or even code!

Components

Speed your workflow with the reusable power of components.

Flex-Layout

Build flexible interfaces following CSS standards.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.
Public resources
app screen with text selected
Code
Code

Free and Open Source

Penpot access to features and teams is free, including community support and templates. Your files are based on open standards (SVG, CSS and HTML). You own your work and can take it with you wherever you go.
Developer tools

Vector files export

Developers are at the core of Penpot's vision. We make sure they can use it as part of their productivity tools thanks to intuitive navigation and code and properties introspection. The built-in read-only mode brings a great safety net!

Components

Speed your workflow with the reusable power of components.

Flex-Layout

Build flexible interfaces following CSS standards.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Fonts management

Use fonts that you own on your teams.

Creating stunning UI With Penpot

Design beautiful, developer-friendly interfaces with this free tool.

Input controls

Empower users to do big things easily with input controls like buttons, checkboxes, and text fields. Customize them for just the right look: Create unique shapes, colors, typographies and effects to match your brand aesthetic.

Navigational components

Help users move in the right direction with well-designed menus, tabs, and breadcrumbs. Use Penpot’s available presets for a more beautiful and intuitive experience with less work.

Informational components

Keep users updated throughout their digital journey with tooltips, notifications, and icons. Penpot’s rich library of pre-made components helps you jump-start your design while giving you the freedom to make your own beautiful additions.

Containers

Use customizable containers like cards, accordions, and boxes. Design rounded corners, shadows, and other thoughtful container details before easily assembling your finished design layout with CSS Grid and Flex Layouts.

New to UI Design or Penpot? Learn everything you need with our free course.

Versatile UI design tool

Websites and e-commerce platforms

Design grids, shopping carts, and checkout buttons to stand out from other shops.

Mobile apps

Build the ideal app experience through mobile-friendly elements that support users on the go.

Dashboards

Show more of what matters in a dashboard through data visualization via charts, real-time data feeds, and modular layouts.
Penpot Ui with travel website design
POWERING DESIGN AT

They love Penpot

Tens of thousands of organizations of all sizes proudly use Penpot, including many popular open-source projects.

Blender
Mozilla
Fedora
NTT Data
MIT
Societe Generale
Cisco
NYU College
Fujitsu
Indra
Byte Dance
heart icon
I wanted to give @penpotapp a try for my product team and self-host it, and I’m honestly amazed at what the team has done to make this platform accessible. Such a game changer for open source design. Viva, open source and Penpot!
Angela Oduor
@AngieNicoleOD
heart icon
Oh my gosh - I love it. The controls felt very intuitive to me - way more intuitive! They map nicely to the mental models of actual CSS. I LOVE the wrapping options as well. I also really appreciate how developer-friendly this is, so hand-off becomes simple!
Brett Haymaker
@BrettHaymaker
heart icon
Building a design tool on top of web & dev standards is super clever. @penpotapp Imagine autolayout behaving like css flexbox and no more design & dev back and forth. 🪄🤹 Using all these open standards. Chef💋
Sil Bormüller
@svorklab
More love

Get started in minutes

Penpot’s powerful and intuitive design features simplify the UI workflow. Get started in minutes with your first project!

About import & export files
About how to use a Shared Library
Screenshot of library and template page

Libraries & Templates

Create, share or download a wide range of templates or libraries you can use on your Penpot projects.
Go to Templates and Libraries page
More info about license and contributing
FAQ
What is a user interface?
How do I get started with Penpot?
What is the difference between UI and UX?
What is GUI?
Can I import files from other 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