Penpot：开源设计平台，代码即设计

Penpot 是一个开源设计与原型平台，以 SVG/CSS/HTML/JSON 等 Web 标准为原生格式，MPL‑2.0 许可，GitHub 约 47k stars。对开发者而言，核心能力包括：

- Inspect 模式：直接复制 SVG、CSS 和 HTML 代码，消除设计转实现偏差。
- 原生布局：支持 CSS Grid 和 Flexbox，画布结构映射浏览器盒模型。
- MCP 服务器（集成于主仓库 /mcp）：允许 Claude Code、Cursor 等 AI 客户端读取和修改组件树、样式和令牌，实现 AI 驱动的设计转代码与原型生成。
- 内置 Design Tokens、Components 和 Variants，并支持 REST API、插件系统、Webhooks 及 Docker/Kubernetes 自托管。

🔗 GitHub

#开发者 #工具 #Penpot #开源设计 #MCP #设计系统 #自托管

📢 频道：@DevToolboxHub