Penpot 开源设计协作工具完全指南免费、可自托管且开发交付路径清晰【免费下载链接】penpotPenpot: The open-source design platform for Product teams that need scalable collaboration.项目地址: https://gitcode.com/GitHub_Trending/pe/penpotPenpot 是一个可自托管的开源设计协作平台MPL-2.0 协议面向设计师、开发者与团队管理者解决实时协作设计、共享组件库、设计到开发交付的需求。官方云端版即用也可用 Docker 部署到自有服务器。功能能力清单Penpot 能做什么实时协作与团队权限多人同时编辑同一文件修改即时同步团队成员分 Viewer、Editor、Admin、Owner 四级角色团队人数不设上限见 teams.njk。入口在仪表盘左上角的团队选择器。共享库与组件复用颜色、字体、图标、组件集中在库中管理更新源组件后各实例同步避免各文件样式漂移。Design Tokens遵循 W3C DTCG 格式支持{dimension.small}形式的别名引用与{spacing.small} * 2这类方程值可导出 JSON 对接工程侧工具design-tokens.njk。开发交接 Dev toolsInspect 模式下测量图层间距、复制属性、直接获取 SVG/HTML 标记与 CSS 代码片段无需对着截图量像素。3 步上手从部署到第一个设计文件部署或登录自托管按 Docker 指南 下载 docker-compose.yaml执行 docker compose 启动服务默认监听 9001 端口可用PENPOT_VERSION变量锁定版本。建团队与文件在团队选择器底部点 Create new team 创建团队邀请成员并分配角色然后在仪表盘新建项目并添加文件。产出第一个结果画板里创建矩形与文本切到 Inspect 模式即可看到每个图层的尺寸、间距与 CSS 片段随后可编辑为 SVG/PNG 或导出 .penpot 文件。Penpot 与商业设计工具的差别维度Penpot商业订阅制设计工具成本免费MPL-2.0 开源按席位订阅随人数增加数据归属.penpot 为 ZIP 归档内含可读 JSON 与资源文件专有格式迁移困难部署方式云端 自托管Docker、Kubernetes 均有文档仅云端开放程度SVG、CSS、HTML、JSON、W3C DTCG 等开放格式私有格式为主运行平台浏览器无需安装客户端多需安装桌面客户端可扩展性开放 Plugin APITypeScript 官方 MCP server生态受厂商限制文件格式细节见 .penpot file format。进阶场景不同角色怎么用设计角色原型与流程验证跨页面连接图层交互定义点击后的跳转组成多页面用户流程再分享链接给同事做可用性测试不必等开发排期testing-view-mode 章节。开发角色不靠量像素交付在 Inspect 模式选中图层直接查看宽高、间距、填充与描边右键 Copy as CSS 复制样式或在 Code 页签取回 SVG/HTML 代码交接记录见 Dev tools 指南。管理角色协作与权限治理在设计稿上原地添加评论讨论沉淀在画板旁而非聊天记录里配合四级角色控制谁能改稿Access Tokens 可给集成系统颁发调用凭据account-teams 文档。文档、扩展入口与两条使用路径用户指南docs/user-guide/覆盖界面、快捷键、导出导入自托管Docker、Kubernetes、Configuration插件与 MCPplugins/ 含 14 个示例应用mcp/README.md 说明官方 MCP server 架构架构源码backend/Clojure 后端、frontend/ClojureScript 前端想快速试用直接在官方云端注册账号即可开始设计若数据合规是硬性要求按 Docker 指南在自有服务器部署私有实例下载 compose 文件、启动、访问 9001 端口共 3 步再用 NGINX 或 Caddy 配置反向代理与域名即可替换团队现有的云端方案。【免费下载链接】penpotPenpot: The open-source design platform for Product teams that need scalable collaboration.项目地址: https://gitcode.com/GitHub_Trending/pe/penpot创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考