Join the Penpot Plugins Contest. Imagine, build, win!
Enter contest
Penpot
Penpot, design freedom for teams

Penpot: Collaborative UI Design Software

Penpot is a collaborative design tool for designing interfaces and bringing visuals to life.

Why choose Penpot for your UI project?

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.
Design from the web and for the web
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.

Interactions

Set triggers and define actions to add interactions to your designs.

Transitions

Add beautiful transitions like fade, pull, push and animations to your interactions.

Flows

Set multiple starting points to match your product customer journeys.
Design from the web and for the web
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.
Design from the web and for the web
Design from the web and for the web
Code
Code

No instalation 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!

Code inspector

Get actual code snippets. Ready to use code for CSS styles and SVG markup.

Properties inspector

Get detailed specifications about the object’s style and content.

Distances and measurements

Easily get measurements and distances between objects.
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.
Design from the web and for the web

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
Design from the web and for the web
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!

Code inspector

Get actual code snippets. Ready to use code for CSS styles and SVG markup.

Properties inspector

Get detailed specifications about the object’s style and content.

Distances and measurements

Easily get measurements and distances between objects.

Create stunning interfaces with Penpot

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

Design from the web and for the web

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.

Design from the web and for the web

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.

Design from the web and for the web

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.

Design from the web and for the web

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.

A 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.

They love Penpot

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

Blender
Mozilla
EPFL
Fedora
NTT Data
MIT
Societe Generale
Cisco
NYU College
Fujitsu
Indra
Byte Dance
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
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
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

FAQs