The Free Open Source Online Design Tool
Design tool features
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 and Code 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.Components
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.Templates & Libraries
Vector files export
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!