Penpot: Collaborative UI Design Software
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.Seamless team collaboration
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.Developer friendly
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.Cloud storage or self host
No instalation required
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.Works everywhere
Custom font management
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.Free and Open Source
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.
Input controls
Navigational components
Informational components
Containers
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.