Penpot

简介

Penpot 是开源网页设计平台，原生支持 CSS、SVG 和 HTML，消除设计师与开发者之间的交接问题。适合重视设计与代码协作的团队。

什么是 Penpot？

Penpot 是网页版开源设计工具，将设计直接转换为开发者可用的代码。设计师可创建界面、原型和交互流程，开发者则可在同一平台检视 CSS、HTML 和 SVG 标记。基于开放标准，支持自托管和 API 集成。

核心功能

• 界面设计：矢量编辑、布局工具和自定义字体
• 原型制作：交互流程、转场效果和用户测试
• 代码检视：原生 CSS、SVG 和 HTML 标记输出
• 协作与反馈：实时评论和利益相关者参与
• 开放 API：Webhooks、MCP server 和插件系统
• 自托管选项：完全掌控数据和定制化

优点

• 开源且免费，支持自托管和云端版本
• 设计自动转换为开发者友好的代码，减少交接摩擦
• 基于网页标准（CSS Flexbox、SVG），开发者易于理解
• 活跃社区提供模板、资源库和集成方案
• 无供应商锁定，完全掌控设计资产

缺点

• 功能深度不及 Figma 或 Adobe XD 等成熟工具
• 插件生态系统仍在发展阶段
• 自托管需要技术资源和维护
• 学习曲线可能对习惯其他工具的设计师较陡
• 企业级支持选项有限

决策指引

适合使用情境：团队重视设计与开发协作、需要开源解决方案、希望避免供应商锁定，或需要自托管以符合数据主权要求。

考虑替代方案：需要最先进的设计功能、大型插件生态系统，或偏好完全托管的企业级支持服务。