Penpot for Developers: The Open-Source Design Tool That Speaks Your Language

Short summary

Penpot is an open-source design tool (MPL-2.0) that stores designs as web standards—SVG, CSS, HTML—eliminating design-to-code translation drift. Its new MCP server lets AI agents like Claude Code read and modify designs programmatically, enabling workflows for automated HTML/CSS generation and design-system documentation. Self-hostable or SaaS, it prioritizes developer ergonomics and data ownership over polish.

• •Designs stored as web standards (SVG/CSS/HTML), not proprietary formats—zero translation loss
• •MCP integration enables AI agents to generate production-ready code from designs
• •Self-hostable with REST API and webhook support; data ownership preserved

Generated with AI, which can make mistakes.