设计稿和最终页面之间的距离，往往就藏在布局规则是不是同一套。

打开浏览器就能开工

Penpot 是一款开源的设计平台。官方在首页把它定位为面向需要协作的团队的开源设计工具，关于页面则进一步说明它是基于网页的设计工具，用来衔接设计师与开发者。落到实际使用上，最直接的区别是打开浏览器就能进入工程，不必先在本机装一套重型客户端，换台机器继续做也不用重新配置环境。

官方把使命写得很明确：提供开源并且遵循开放标准的平台，把设计与开发之间的协作推进到新的水平。这句话解释了它在文件格式与布局规则上的取舍——设计成果要能被下一环顺畅接手，才谈得上协作。

用网页自己的规则做布局

布局模型是这款工具比较特别的地方。官方首页直接写明支持用 CSS 栅格与弹性布局来设计界面，也就是前端实际使用的那套排版规则。设计稿里的间距与对齐关系因此可以和最终代码保持一致，交付时少了一层人工换算。

设计体系方面，官方提供设计组件、原生设计变量与共享库。设计变量把颜色、字号这类基础值抽成可复用的条目，改动一处就能影响全局；组件与共享库负责在多个页面之间维持一致。对长期维护的界面工程来说，这套组合比逐页调整要省事得多。线框图与可交互原型则覆盖了从结构到演示的两端。

数据放在哪里，由使用者决定

部署方式是另一个被反复强调的点。官方自托管页面写明，平台可以在私有云、本地环境甚至隔离网络中运行，设计数据的存放位置与访问权限完全由使用者掌控。对数据不宜出内网的团队而言，这条通常比功能清单更有分量，也只有在开源形态下才具备。

定价页面的话同样是官方原话：免费档功能完整，没有数量限制，也没有被省略的功能；官方另设面向大型组织的付费档，用于治理与流程类需求。代码以 Mozilla 公共许可证第 2 版在公开仓库发布，使用者可以获取源码、自行构建与部署，设计成果也归自己所有。

把文件与布局的标准交到使用者手里，协作才有稳定的地基。

使用建议：团队先把设计变量与组件库的基础条目定下来，后面新增页面会顺很多；迁移旧工程时先核对布局规则是否与前端一致，避免交付阶段返工；对数据有内网要求的，尽早试一次自托管部署，把账号与权限一并规划好。