news 2026/4/28 23:06:49

Penpot:开源设计平台,助力团队构建可扩展设计系统与集成产品开发流程!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Penpot:开源设计平台,助力团队构建可扩展设计系统与集成产品开发流程!

官网与社交平台

官网包含用户指南、学习中心、社区等板块,还关联了 Youtube、Peertube、Linkedin、Instagram、Mastodon、Bluesky、X 等社交平台。此外,还有视频 [Penpot_OpenYourEyes_.mp4]。

Penpot 平台概述

Penpot 是一款面向大规模构建数字产品的团队的开源设计平台。其核心优势是让用户完全掌控自己的设计基础设施。它基于开源技术构建,支持自托管,能满足严格的合规性和治理要求。无论是在浏览器中使用,还是部署在自己的服务器上,Penpot 都能与 SVG、CSS、HTML 和 JSON 等开放标准协同工作。实时协作功能强化了其基础能力,助力团队规模扩张,使设计与产品更紧密结合。开发者使用 Penpot 能得心应手,因为设计以代码形式呈现可直接转换,加快产品交付速度。一流的原生设计令牌为设计和开发提供单一事实来源,确保一致性、提升协作效率、简化复杂设计系统管理。MCP 服务器实现了设计与代码之间的多向工作流。强大的开放 API 和插件系统使工作空间可编程,支持自动化、AI 驱动的工作流,以及与现有工具和系统的集成。借助 CSS Grid 和 Flex 布局,团队可从一开始就设计出表现如同真实代码的响应式界面。这些特性使 Penpot 成为用于构建可扩展设计系统和完全集成的产品开发流程的全栈设计平台。如果组织扩张需要额外支持,可进行交流。

目录

包括为何选择 Penpot、快速上手、社区、贡献代码、资源、许可证。

为何选择 Penpot

Penpot 通过基于代码的方法连接设计、代码和 AI 工作流,通过 MCP 服务器让开发者和 AI 读懂设计。这种方法有助于团队交付实际设计的产品,并借助强大的设计令牌大规模管理设计系统。作为自托管、开源且支持实时协作的平台,Penpot 提供充分的灵活性、安全性和控制权,且不存在供应商锁定问题。

插件系统

Penpot 插件可扩展平台功能,能灵活地与其他应用集成,并设计自定义解决方案。

为开发者设计

Penpot 旨在服务设计师和开发者,打造流畅的设计 - 代码流程。用户可以选择实时协作,也可以独自操作。

检查模式

使用现成的代码,工作流程轻松快捷。检查标签可让用户即时访问 SVG、CSS 和 HTML 代码。

集成功能

Penpot 支持通过 Webhook 和可通过访问令牌访问的 API 集成到开发工具链中。

构建设计系统:设计令牌、组件和变体

Penpot 为注重代码的团队引入设计系统,通过原生设计令牌、组件和变体,为跨项目和平台的可扩展、可复用且一致的用户界面提供单一事实来源。

快速上手

Penpot 是唯一与部署方式无关的设计和原型平台。用户可以使用 SaaS 服务,也可以将其部署到任何地方。可在网站上了解如何使用 Docker、Kubernetes、Elestio 或其他方式进行安装。

社区

团队热爱开源软件社区,欢迎大家贡献代码。用户可以分享设计、代码和创意,还可成为 Penpot 大使,帮助发展所在地区的 Penpot 社区。社区分类包括向社区提问、故障排除、帮助改进 Penpot、活动与公告、使用熟悉的语言交流、教育资源、行为准则。任何为 Penpot 做出贡献的人都必须遵守行为准则,营造积极安全的环境。

贡献代码

任何贡献都对改进 Penpot 有积极影响,可通过以下方式参与:创建并分享对社区有帮助的库和模板;邀请团队加入;给代码库点星,并在社交媒体上关注;在社区空间参与问答、对他人文章做出反应、发起自己的讨论,并关注影响项目的决策;根据简单的 bug 查找指南或在 GitHub 上报告问题;成为翻译人员;提供反馈,给团队发邮件;为 Penpot 的代码做贡献,观看 Penpot 首席信息官兼开发者 Alejandro Alonso 的视频,了解如何使用代码库并在前后端进行修改。若要了解几乎所有关于如何为 Penpot 做贡献的信息,可参考贡献指南。

资源

可在以下资源中提问、回答问题、进行开放式讨论,并关注影响项目的决策:文档、快速上手、教程、架构、开发日志、UI 设计课程。

许可证

本源代码形式受 Mozilla 公共许可证 2.0 版条款的约束。若未随文件提供 MPL 的副本,可在 http://mozilla.org/MPL/2.0/ 获取。版权所有 (c) KALEIDOS INC。Penpot 是 Kaleidos 的开源项目。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/28 22:58:24

用Python处理Excel数据:手把手教你做Theil-Sen趋势分析和Mann-Kendall检验(附完整代码)

Python实战:Excel数据趋势分析与显著性检验全流程指南 1. 时间序列分析的核心价值与应用场景 在环境监测、金融分析和工业控制等领域,我们常常需要从海量数据中提取有价值的信息。比如气象站记录的每日温度变化、股票市场的收盘价波动或者工厂传感器采集…

作者头像 李华
网站建设 2026/4/28 22:57:32

Windows系统终极清理指南:用Dism++实现5倍性能提升

Windows系统终极清理指南:用Dism实现5倍性能提升 【免费下载链接】Dism-Multi-language Dism Multi-language Support & BUG Report 项目地址: https://gitcode.com/gh_mirrors/di/Dism-Multi-language 你是否曾经因为Windows系统越来越慢而烦恼&#xf…

作者头像 李华
网站建设 2026/4/28 22:53:30

3个关键疑问:如何让QQ音乐加密文件重获自由播放权?

3个关键疑问:如何让QQ音乐加密文件重获自由播放权? 【免费下载链接】QMCDecode QQ音乐QMC格式转换为普通格式(qmcflac转flac,qmc0,qmc3转mp3, mflac,mflac0等转flac),仅支持macOS,可自动识别到QQ音乐下载目录&#xff…

作者头像 李华
网站建设 2026/4/28 22:41:33

LibreHardwareMonitor:终极开源硬件监控完全指南

LibreHardwareMonitor:终极开源硬件监控完全指南 【免费下载链接】LibreHardwareMonitor Libre Hardware Monitor is free software that can monitor the temperature sensors, fan speeds, voltages, load and clock speeds of your computer. 项目地址: https:…

作者头像 李华