Penpot

Penpot lets teams design responsive interfaces, build prototypes, manage shared design assets, and inspect design code.

See all
Penpot design editor interface showing mobile app artboards, layer navigation, design property controls, and an AI prompt dialog.

What is Penpot?

Penpot is an open-source design platform for teams that need scalable collaboration. It is built for designers, developers and AI agents working on digital products. Teams can design responsive interfaces using wireframes, interactive prototypes, and CSS Grid and Flex layouts. Its design system capabilities include components, native design tokens and shared libraries. Penpot also supports integrating agents, language models and AI tooling into code-to-design, design-to-code and design-to-design workflows. Developers can inspect code using open standards including CSS, HTML, SVG and JSON.

Key features

  • CSS Flex and Grid Layouts

  • Interactive Prototyping

  • Real-Time Collaboration

  • Developer Code and Properties Inspection

  • Design Systems and Tokens

  • Edit SVG vectors and perform boolean operations.

  • Upload and use custom fonts.

  • Search and filter layers.

  • Apply masks to layers.

  • Apply gradient colors.

  • Use rulers and guides.

  • Create nested boards and frames.

  • Keep elements fixed while scrolling.

  • Draw freehand shapes.

  • Distribute spacing between layers.

  • Apply blur effects.

  • Use the interface in over 45 languages.

Latest from the Penpot blog

Visit the blog