Penpot
Open-source UI design software for design-to-code teamwork.
Penpot is a collaborative design platform for creating UI layouts, prototypes, design systems, and developer handoff assets. It is open source, can be used in the hosted web app or self-hosted, and emphasizes workflows that connect designers, developers, and AI tools.
Why it stands out
- Open-source positioning makes it more transparent and self-hostable than most mainstream UI design tools.
- Uses web-native concepts and formats, which can reduce translation gaps between mockups and implementation.
- Combines design systems, prototyping, developer inspection, and AI workflows in one product-focused platform.
- Self-hosting is offered alongside the hosted service, giving teams more control over infrastructure and data policies.
Good to know
- Its feature set is centered on digital product and UI work, not broad-purpose illustration or marketing design.
- Some business, security, compliance, or enterprise needs may require a paid plan or sales contact.
- Teams moving from entrenched tools such as Figma or Sketch may need time to adapt libraries and collaboration habits.
Under the radar: When preparing handoff-heavy designs, build layouts with Penpot’s CSS Grid and Flex features early rather than treating them as visual-only mockups; it can make developer inspection closer to the final implementation.
Photos
Product design teams need an open-source alternative to Figma for shared UI design, prototyping, and handoff. Create wireframes and interactive prototypes for web or app products. Build reusable component libraries, design tokens, and shared design systems. Inspect designs using web standards such as CSS, HTML, SVG, and JSON. Experiment with AI-assisted code-to-design, design-to-code, or design-to-design workflows.
Collaborative canvas for UI design and prototyping; responsive layouts using CSS Grid and Flex concepts; design components, tokens, and shared libraries; developer inspection and code-oriented handoff; plugins, templates, self-hosting, enterprise options, open file format, and AI workflow integrations including an MCP server.
Technical Notes
- Penpot advertises an Integration & API area for connecting external tooling.
- The platform highlights an open file format and standards-based outputs such as SVG and JSON, which may help with structured interchange.
- An MCP Server is promoted for AI-agent workflows that interact with Penpot.
Alternative listings
A KDE video editor for open-source, cross-platform desktop workflows.
Open Source & Free Software AlternativesKdenlive is a KDE-developed non-linear video editor available for Linux, Windows, macOS, and BSD. The site provides downloads, release news, a user manual, roadmap information, and community support links for people using or contributing to the editor.
0 votesVisit siteA free desktop vector editor for SVG illustration and design.
Open Source & Free Software AlternativesInkscape is an open-source vector graphics application for creating illustrations, icons, diagrams, logos, web graphics, and other scalable artwork. It runs on Linux, macOS, and Windows and includes drawing, text, curve, and file-format tools aimed at both hobbyists and professional designers.
0 votesVisit site
Similar sites elsewhere
- Figma — figma.com
- Sketch — sketch.com
- Adobe XD — adobe.com/products/xd.html
- Canva — canva.com
1 of 5