Penpot Integrates Model Context Protocol Support into Open-Source Collaborative Design Platform

Open-source design platform Penpot, developed by Kaleidos Inc., has reached 51,500 GitHub stars and released version 2.16.0, expanding its platform for design-to-code collaboration. The project, licensed under the Mozilla Public License 2.0, operates as a web-based and self-hosted alternative to proprietary design tools. The tool now includes a Model Context Protocol (MCP) server to integrate artificial intelligence and development workflows.

Core Features and Design-to-Code Functionality

Penpot is built to enable collaborative design and developer translation by treating design layouts as code. The application uses open standards natively, including SVG, CSS, HTML, and JSON. Rather than relying on proprietary vector formats, Penpot outputs code directly, giving developers immediate access to SVG, CSS, and HTML inside an inspect tab.

The tool features native support for CSS Grid and Flex Layout, allowing design teams to build responsive user interfaces that behave according to web standards. Additionally, the platform provides native Design Tokens, Components, and Variants. These features serve as a source of truth for design systems, assisting teams in standardizing layouts across projects and translating design components into codebases.

Integration of Model Context Protocol and Programmability

A notable architecture update to the platform is its built-in MCP server. According to the project’s documentation, the MCP server facilitates multi-directional workflows between design systems and external codebases. By exposing design data in a structured, machine-readable format, the server allows developers and artificial intelligence agents to read and modify design assets.

Recent development updates to the GitHub repository include support for multi-instance horizontal scaling for the MCP server. Users can configure and extend Penpot’s environment using its open API, webhooks, and a modular plugin system. These tools allow development teams to run custom automations, establish AI-driven workflows, and build custom integrations with other applications.

Self-Hosting, Development, and Licensing Details

Penpot is deployment-agnostic, meaning users can access it through a web-based Software-as-a-Service (SaaS) model or self-host the platform on private infrastructure. The company supports deployment configurations via Docker, Kubernetes, and Elestio, among other methods. According to the repository, self-hosting provides organizations with control over their design data, helping meet strict security, compliance, and governance guidelines.

The codebase is primarily written in Clojure, which makes up 74.1% of the repository, followed by JavaScript at 7.6%, Rust at 6.4%, and SCSS at 4.9%. The development repository is Gitpod ready-to-code and is managed with Taiga.io. Alejandro Alonso, CIO and developer at Penpot, provides developer guides within the repository for modifying both the front-end and back-end code of the application.

The repository is licensed under the Mozilla Public License, version 2.0 (MPL-2.0). All copyrights are held by Kaleidos Inc. Sucursal en España SL, the organization that manages the project alongside its community of contributors.

---

Source: View on GitHub