工具介绍
Penpot是一款面向产品团队的开源界面设计与原型工具，将矢量绘制、组件管理、交互演示、评审协作和开发交付放在统一工作流中。浏览器版本便于跨平台使用，开源团队和对部署方式有要求的组织也可结合官方方案评估自托管。
产品界面
Penpot工作区包含页面和图层、无限画布、绘图工具、属性面板、颜色与文字样式以及原型和检查入口。
查看模式用于演示和评审交互原型，可切换页面、进入检查模式、查看评论并生成分享链接。
核心功能
- 矢量设计：支持路径编辑、布尔运算、图层、页面、颜色和文字样式。
- 组件系统：把按钮、卡片等UI元素制作成可复用组件，通过统一样式维护产品设计规范。
- 交互原型：连接页面和交互状态，设置点击与跳转行为，预览产品的关键操作流程。
- 团队评审：多人围绕同一设计文件协同编辑、评论和处理反馈，减少文件往返。
- 开发交付：检查尺寸、间距、颜色和代码信息，支持SVG、PNG、JPG等资源导入导出。
适合的用户与场景
- 进行网页与App界面设计的产品设计师
- 梳理交互流程并组织评审的产品经理
- 需要读取设计规格和代码信息的开发人员
- 偏好开源工具或需要评估自托管方案的团队
常见使用场景
Penpot可用于从线框图到高保真界面的完整设计过程。设计师先建立页面、布局和组件，再连接交互状态制作原型；评审阶段集中收集评论，交付阶段由开发人员检查颜色、间距、尺寸和资源，保持实现与设计一致。
快速上手
- 打开https://design.penpot.app/，根据页面提示进入在线工作区入口。
- 按实际需要选择“界面设计”等功能开始操作。
- 处理重要文件或项目时，先用少量测试内容确认格式、权限与导出结果。
- 完成后及时导出或保存成果，并核对账户、云端存储和分享权限。
是否适合你
适合界面设计、原型和设计系统协作，尤其适合重视开放标准或希望自托管的团队。设计稿仍需通过开发实现，复杂插件生态和特定交付流程要在迁移前验证。
主要优势
- 基于Web并强调开放格式与设计开发协作
- 支持组件、布局、原型和团队资产管理
需要留意
- 生态和第三方资源数量与成熟平台存在差异
- 大型设计系统仍需要严格的命名和组件治理
收费与登录说明
收费：免费Professional版+付费升级。登录：需登录。不同地区、账户类型和活动期间的实际权益可能变化，正式使用前建议查看官网最新说明。