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 free 2D animation suite with production roots at Studio Ghibli.
Open Source & Free Software AlternativesOpenToonz is an open-source desktop application for 2D animation production, based on the Toonz software that was adapted for Studio Ghibli workflows. It supports a traditional animation pipeline from scanned drawings and digital paint through timing sheets, compositing, and effects, while also allowing source-code modification and plugin effect development.
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