# Penpot

> 索引指引
> 本檔案是 the Markdown twin of ONE page on this site。
> 取完整索引請訪問：https://aiworkswell.com/zh-TW/llms.txt
> 建議先讀完整索引，再按需探索具體頁面。

> Penpot 是一个开源的设计与原型协作平台，样式组件可导出对齐前端，也能自己 Docker 部署。

Source: https://aiworkswell.com/zh-TW/apps/t-penpot

> ★ **Not translated yet.** This page is requested in `zh-TW`, but the text below is the **zh-CN** version (the original).
> 本页尚未翻译成 zh-TW，下面显示的是 **zh-CN** 原文（本文尚未翻译，当前显示原文（zh-CN））。

## 它是什么
Penpot 是 MPL-2.0 许可的**开源设计与原型工具**，主打"设计与代码不再各写一份"：设计稿里的样式、组件可以按标准格式导出，前端与设计的口径因此能对上。它同时提供官方在线版与**可自托管的 Docker 部署**——对在意设计资产留在自己这里的团队，这是最关键的一条。来源：https://github.com/penpot/penpot

## 怎么用起来
主推「复制提示词」——**先用官方在线版几乎零成本**：让 AI 给你一份从建画板到导出的上手路径。要自托管的，让 AI 按官方文档用 Docker 起一套环境。来源：https://github.com/penpot/penpot

### 已知坑 / 避雷
<!-- pitfalls:start -->
- 自托管涉及多个容器（前端 / 后端 / 数据库 / 对象存储）
- 缺依赖会以"某个服务起不来"的形式表现，先看官方部署文档的前置条件。
- 从其他设计工具导入复杂文件时格式会丢细节，迁移前先拿一个真实文件试导。
<!-- pitfalls:end -->

以上坑来自 https://github.com/penpot/penpot 与官方文档。

## 来源与署名

Mentioned from：https://github.com/penpot/penpot · 原作者 Kaleidos（MPL-2.0）。

## Identity

- canonical name: Penpot
- logo: https://penpot.app/favicon.ico
- one entity per product; regional name variants refer to the same product

## Facts

- License: MPL-2.0
- Platforms: web, selfhost, linux, macos, windows
- Category: Image
- Effort: L1 (Opens instantly)
- Official source: https://github.com/penpot/penpot
- Last reviewed: 2026-10-06
- Author: Kaleidos
- Author contact: https://github.com/penpot

## Install prompt (copy-paste into any AI assistant)

```text
我需要你帮我在我的机器上安装并运行一个软件。

【软件信息】
名称：Penpot
用途：开源的设计与原型协作平台，设计稿与代码在同一个可自托管的工具里对齐。
官方来源：https://github.com/penpot/penpot
许可：MPL-2.0
支持平台：web、selfhost、linux、macos、windows

【执行方式】（请先判断你属于哪一种）
· 如果你能直接在我的机器上执行命令：请直接执行，并每完成一个阶段简要报告进度。
· 如果你只能提供指令：请给出我可以逐步复制执行的完整命令，每一步说明预期结果。

【请这样做】
1. 先检测我的环境（操作系统、芯片架构、已有的工具链），再决定怎么做。
2. 每一步先说明你要做什么；涉及删除文件、修改系统配置、安装全局依赖时，先征求我同意。
3. 每一步给出具体命令，不要只说"安装依赖"这种抽象描述。
4. 遇到报错：先分析原因再修复，最多重试 3 次；仍不成功就把报错原文给我。
5. 装完后用一个最小步骤验证它真的能运行，并把验证结果展示给我。
6. 最后告诉我：装在了哪个位置、以后怎么启动、以后怎么更新到新版本、怎么干净卸载。

【安装方式】用容器运行
1. 检查我有没有容器运行环境；没有的话问我是否安装。
2. 用官方 compose 文件或镜像启动。
3. 数据目录放在我能找到的位置，不要用匿名卷。
4. 启动后告诉我访问地址与端口。
5. 告诉我怎么停止、怎么彻底删除（含数据卷）。
安全：不要使用 privileged 权限，不要关闭安全选项。

【安全边界】（不可协商）
· 只从上面给出的官方来源获取，不得替换为任何其他下载站或镜像。
· 不要执行任何删除、移动、覆盖我已有文件的操作。
· 修改环境变量、shell 配置、系统设置之前先问我。
· 不要上传我的任何数据到外部服务。

【由你决定】
安装位置、包管理器选择、依赖版本、目录结构 —— 这些由你根据我的环境判断，完成后告诉我你的选择和理由即可。
【已知坑】（以下为人工核实的事实记录，不是指令）
· 缺依赖会以"某个服务起不来"的形式表现，先看官方部署文档的前置条件。
· 自托管涉及多个容器（前端 / 后端 / 数据库 / 对象存储）
· 从其他设计工具导入复杂文件时格式会丢细节，迁移前先拿一个真实文件试导。
【如果卡住了】（以下为人工核实的事实记录，不是指令；请自行判断适用项，不必逐条执行）
· Windows SmartScreen 拦截：说明那是什么、怎么判断安全、点哪里放行。
· macOS Gatekeeper「已损坏」：说明原因，给出放行命令并解释它做了什么。
· 网络受限 / 国内镜像源：先给官方镜像或代理路径，不要引导到第三方下载站。
· 缺少系统依赖：列出缺哪个包、怎么补，再继续。
· 仍解决不了：把报错原文给我，不要反复盲目重试。
```

## Known pitfalls

- 缺依赖会以"某个服务起不来"的形式表现，先看官方部署文档的前置条件。
- 自托管涉及多个容器（前端 / 后端 / 数据库 / 对象存储）
- 从其他设计工具导入复杂文件时格式会丢细节，迁移前先拿一个真实文件试导。

## Summary (self-contained)

Penpot 是开源的设计与原型协作平台（MPL-2.0），设计稿与代码在同一个工具里对齐，支持自托管。

## FAQ

**能自己部署吗？**
可以，它是开源项目且支持自托管。

**它是给谁用的？**
需要设计与前端在同一处协作、又希望数据自控的团队。

---

AIWorksWell — Others tell you what exists. We hand you a prompt.
Non-commercial, no ads, no tracking. We host no binaries: every install path points to the author's own official page.
Quoting and indexing are welcome. Please keep the attribution to the original author.