<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Penpot on KnightLi的博客</title>
        <link>https://knightli.com/tags/penpot/</link>
        <description>Recent content in Penpot on KnightLi的博客</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-cn</language>
        <lastBuildDate>Mon, 22 Jun 2026 08:05:45 +0800</lastBuildDate><atom:link href="https://knightli.com/tags/penpot/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>Penpot 自托管怎么选：开源设计工具的 Docker、协作和开发交付思路</title>
        <link>https://knightli.com/2026/06/22/penpot-self-host-design-tool-guide/</link>
        <pubDate>Mon, 22 Jun 2026 08:05:45 +0800</pubDate>
        
        <guid>https://knightli.com/2026/06/22/penpot-self-host-design-tool-guide/</guid>
        <description>&lt;p&gt;&lt;code&gt;penpot/penpot&lt;/code&gt; 是一个开源设计工具，定位接近 Figma，但更强调开源、自托管、设计和代码协作。它适合想把设计资产、组件和交付流程掌握在自己手里的团队。&lt;/p&gt;
&lt;p&gt;项目地址：&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/penpot/penpot&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/penpot/penpot&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;官网：&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://penpot.app&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://penpot.app&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;penpot-适合谁&#34;&gt;Penpot 适合谁
&lt;/h2&gt;&lt;p&gt;Penpot 适合这些场景：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;团队希望使用开源设计工具。&lt;/li&gt;
&lt;li&gt;公司不希望设计文件完全放在第三方 SaaS。&lt;/li&gt;
&lt;li&gt;设计和前端之间需要 Inspect Mode、设计系统和组件交付。&lt;/li&gt;
&lt;li&gt;想基于设计 tokens、components、variants 建立长期设计规范。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;如果只是个人临时画图，直接用在线版会更省事。自托管更适合团队长期使用。&lt;/p&gt;
&lt;h2 id=&#34;自托管入口&#34;&gt;自托管入口
&lt;/h2&gt;&lt;p&gt;README 没有把完整 Docker Compose 贴在首页，而是指向官方 self-host 文档：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;https://penpot.app/self-host
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;实际部署时建议按官方文档走 Docker 或 Kubernetes，而不是从网上复制旧 compose。Penpot 这类协作工具通常不只是一个容器，还会涉及数据库、对象存储、后台任务和邮件服务。&lt;/p&gt;
&lt;p&gt;一个稳妥的自托管流程是：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 1. 先阅读官方 self-host 文档&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 2. 准备域名、HTTPS、持久化目录和数据库&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 3. 使用官方推荐的 Docker / Kubernetes 方式启动&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 4. 创建管理员账号&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 5. 导入或创建团队空间&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;开发交付怎么用&#34;&gt;开发交付怎么用
&lt;/h2&gt;&lt;p&gt;Penpot 对开发者比较有用的是 Inspect Mode。设计师完成页面后，开发可以查看：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;尺寸和间距。&lt;/li&gt;
&lt;li&gt;颜色和字体。&lt;/li&gt;
&lt;li&gt;组件结构。&lt;/li&gt;
&lt;li&gt;设计 token。&lt;/li&gt;
&lt;li&gt;可复用组件和 variants。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;这比截图标注更稳定，也更适合多人协作。&lt;/p&gt;
&lt;h2 id=&#34;建议的团队流程&#34;&gt;建议的团队流程
&lt;/h2&gt;&lt;p&gt;可以按这个方式落地：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;设计师在 Penpot 建立 design system。&lt;/li&gt;
&lt;li&gt;组件命名尽量和前端组件库一致。&lt;/li&gt;
&lt;li&gt;颜色、字号、间距用 token 管理。&lt;/li&gt;
&lt;li&gt;开发通过 Inspect Mode 查样式，不再靠口头描述。&lt;/li&gt;
&lt;li&gt;大版本前导出或备份设计文件。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;注意点&#34;&gt;注意点
&lt;/h2&gt;&lt;p&gt;Penpot 是协作系统，不是单文件工具。自托管时要考虑升级、备份、权限、邮件、HTTPS 和存储。建议先用测试环境跑一遍完整流程，再迁移团队正式设计资产。&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
