图像创作

Penpot

把界面设计接到真实产品上。

在浏览器里画界面、做可点击原型,并把设计交给开发。

官方画面
Penpot 产品演示
官方设计工作区,未实测云端协作

使用场景

结合官方画面,了解具体能做什么。

查看原项目
使用方式
浏览器访问官方云服务

云端工作区需要账号与网络;首次先用非敏感示例了解流程。

团队协作
确认分享权限与服务方案

云服务的团队功能、额度和收费条款以官方当前方案为准。

自托管
需要服务器与维护能力

开源版本支持自行部署;本站未部署,也不提供托管实例。

适合什么情况

做一个网站或应用之前,先把页面画出来、把按钮连起来,通常比直接开工更容易发现问题。Penpot 面向界面设计与团队协作,支持画板、组件、原型和布局,让设计与开发围绕同一份稿件交流。

它采用 SVG 等开放标准,并提供接近网页布局思路的 Flex 与 Grid 能力。适合需要反复讨论页面与组件的团队;只想临时裁图、修照片或画一幅插画时,其他轻量工具会更直接。

三步开始

  1. 打开官方在线入口,注册或登录后建立项目。
  2. 新建画板,摆放文字、形状与图片,再把重复部分整理为组件。
  3. 连接原型流程,与同事检查交互;交付前核对尺寸、字体和资源导出。

在线服务与开源软件是两个使用边界。官方云服务有账号和方案要求;自行部署则要负责服务器、升级、备份和访问控制,不能理解为点开链接就自动拥有私人部署。本站尚未验收国内连通性、中文字体或多人协作。

来源与许可

说明与截图依据官网及上游仓库。代码采用 MPL-2.0;官方云服务和企业计划按各自条款提供,不因软件开源而默认所有服务功能免费。

安装与使用

它是下载到电脑的绘图软件吗?
核心工作区在浏览器里使用。可以选择官方云服务或自行部署开源版本,自托管需要另外准备运行环境。
设计完能直接得到完整网站吗?
它提供原型、设计检查和代码相关信息,便于开发交接。不能把一张设计稿等同于已经完成业务逻辑和上线的网站。

原作者 Kaleidos 与 Penpot 社区资料核对 2026-10-22

原项目MPL-2.0 许可