Penpot: The Design platform for Design & Code Collaboration

Penpot is an open-source design and prototyping platform that enables seamless collaboration between designers and developers using open web standards like SVG, CSS, and HTML.

🚀 Overview

Penpot is a web-based, open-source tool revolutionizing how teams create user interfaces by combining design, prototyping, and code inspection in one platform. It eliminates the traditional handoff friction where designs get lost in translation between proprietary tools used by designers and developers.

What problem does this project solve? It solves the 'handoff drama' by expressing designs natively as code (SVG, CSS, HTML), allowing real-time collaboration without tool silos.
Who is it built for? Designers, developers, product teams, and organizations of all sizes seeking a Figma alternative.
Why did you build it? Penpot was created by an open-source community passionate about web standards to foster true design-code synergy, making high-fidelity designs scalable and developer-friendly from day one.

✨ Key Features

Flex layouts & design systems: Build responsive interfaces with components, variants, and tokens for scalable UI design that matters for consistent, production-ready outputs.
Prototyping & interactions: Create interactive flows, transitions, and animations to test user experiences early.
Code inspect & export: Get precise CSS, SVG, HTML specs directly—why it matters: devs implement faster without recreation.
Collaboration tools: Real-time multiplayer editing, comments, feedback, sharing for all stakeholders.
Upcoming: Enhanced AI integrations via MCP server, more plugins.

🛠 Tech Stack

Frontend: ClojureScript, React, TypeScript, SCSS
Backend: Clojure, Rust components
Database: PostgreSQL, Redis, Elasticsearch
Auth: Custom
Hosting: Self-hosted (Docker, Kubernetes), SaaS cloud

👥 Who Is This For?

This project is useful for:

Designers who want to create code-ready prototypes without handoffs
Developers looking to inspect and extract assets directly from designs
Teams seeking an open-source Figma alternative for collaborative UI work

📸 Screenshots / Demo

Live demo: https://penpot.app (sign up free)
GitHub: https://github.com/penpot/penpot

🔥 Project Status

🟢 Actively building

Last updated: 2026-03-24

❓ FAQ

Is this project free?

Open Source / Freemium (Fully-featured free cloud plan for up to 8 editors/10GB storage; paid Unlimited/Enterprise for more storage/support; self-host completely free).

Is the source code available?

Yes — https://github.com/penpot/penpot

Can I contribute?

Yes—report bugs via GitHub issues, submit PRs to the develop branch, contribute translations/plugins via community, join discussions on https://community.penpot.app/ or Discord.

📬 Contact & Links

Built with ❤️ and kept warm on WarmIndex.

Loading