penpot/penpot

网站 • 用户指南 • 学习中心 • 社区

Youtube • Peertube • Linkedin • Instagram • Mastodon • Bluesky • X

[Penpot 视频](https://github.com/user-attachments/assets/7c67fd7c-04d3-4c9b-88ec-b6f5e23f8332) Penpot 是面向大规模构建数字产品团队的开源设计平台。 Penpot 的核心优势在于让您**完全拥有您的设计基础设施**。它基于开源构建，专为[自托管](https://help.penpot.app/technical-guide/getting-started/)而设计，使团队能够完全控制其设计环境，从而满足严格的合规性和治理要求。无论是在**浏览器中使用，还是部署在您自己的服务器上**，Penpot 都能**兼容开放标准**，如 SVG、CSS、HTML 和 JSON。 实时协作加强了这一基础，通过顶级的功能帮助团队实现规模化，并通过顶级功能让设计更贴近产品。此外，开发人员在使用 Penpot 时会感到得心应手，因为设计以代码的形式表达，实现了直接转换并加快了产品交付速度。 一流的原生[设计令牌](https://penpot.dev/collaboration/design-tokens)在设计和开发之间提供了单一事实来源。它们确保了一致性，改善了协作，并使管理复杂的设计系统变得更加容易。 [MCP 服务器](https://penpot.app/penpot-mcp-server)通过实现设计与代码之间的多向工作流，进一步提升了这一能力。[强大的开放 API](https://help.penpot.app/mcp/#quick-start) 和插件系统使工作区可编程，实现了自动化、AI 驱动的工作流以及与您已有的工具和系统的集成。 借助 [CSS Grid 和 Flex 布局](https://help.penpot.app/user-guide/designing/flexible-layouts/)，团队可以从头开始设计出表现得像真实代码一样的响应式界面。 这些功能结合在一起，将 Penpot 变成了一个用于构建可扩展设计系统和完全集成产品开发流程的**全栈设计平台**。 如果您的组织正在扩张并需要额外的支持，我们随时为您提供帮助。[联系我们](https://penpot.app/talk-to-us) ## 目录 - [为什么选择 Penpot](#why-penpot) - [新手入门](#getting-started) - [社区](#community) - [贡献](#contributing) - [资源](#resources) - [许可证](#license) ## 为什么选择 Penpot Penpot 通过基于代码的方法连接了设计、代码和 AI 工作流，使设计和 AI 能够通过 MCP 服务器被开发人员读取。这种方法有助于团队交付实际设计的内容，并通过强大的设计令牌大规模管理设计系统。作为一个支持自托管、开源和实时协作的平台，Penpot 提供了完全的灵活性、安全性和所有权，且没有供应商锁定。了解更多关于[为什么 Penpot](https://penpot.app/why-penpot) 是适合您团队的平台的信息。 ### 插件系统 [Penpot 插件](https://penpot.app/penpothub/plugins)让您能够扩展平台的功能，灵活地将其与其他应用程序集成，并设计自定义解决方案。 ### 为开发人员而生 Penpot 的构建旨在服务于设计师和开发人员，并创建流畅的设计与代码流程。您可以选择享受实时协作，也可以选择“单打独斗”。 ### 检查模式 使用现成的代码，让您的工作流程变得简单快捷。检查选项卡可即时访问 SVG、CSS 和 HTML 代码。 ### 集成 借助对 Webhook 和通过 Access Token 访问 API 的支持，Penpot 可以[集成](https://penpot.app/integrations-api)到开发工具链中。 ### 构建设计系统：设计令牌、组件和变体 Penpot 为注重代码的团队带来了[设计系统](https://penpot.app/design/design-systems)：包含原生设计令牌、组件和变体的单一事实来源，用于跨项目和平台构建可扩展、可重用且一致的 UI。 ## 新手入门 Penpot 是唯一一个与部署方式无关的设计和原型平台。您可以在我们的 [SAAS](https://design.penpot.app) 中使用它，也可以将其部署在任何地方。 了解如何在[我们的网站](https://penpot.app/self-host)上使用 Docker、Kubernetes、Elestio 或其他选项进行安装。 ### 行为准则 任何为 Penpot 做出贡献的人，无论是通过代码、在社区中还是在活动中，都必须遵守 [行为准则](https://help.penpot.app/contributing-guide/coc/)，并营造一个积极、安全的环境。 ## 资源 您可以提问和回答问题，进行开放式交流，并跟进影响项目的决策。 💾 [文档](https://help.penpot.app/technical-guide/) 🚀 [新手入门](https://help.penpot.app/technical-guide/getting-started/) ✏️ [教程](https://www.youtube.com/playlist?list=PLgcCPfOv5v54WpXhHmNO7T-YC7AE-SRsr) 🏘️ [架构](https://help.penpot.app/technical-guide/developer/architecture/) 📚 [开发日记](https://penpot.app/dev-diaries.html) 🧑‍🏫​ [UI 设计课程](https://penpot.app/courses/) ## 许可证 ``` This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. Copyright (c) KALEIDOS INC ``` Penpot 是 Kaleidos 的[开源项目](https://kaleidos.net/)

标签：Figma替代品, Homebrew安装, Penpot, SVG, UI/UX设计, 原型设计, 团队协作, 多模态安全, 子域名突变, 开源设计工具, 数字产品开发, 矢量图形, 设计协作, 设计基础设施, 设计师与开发者协作, 设计系统, 请求拦截, 跨职能协作