### [Penpot](https://dkwy.com/)

**Published:** 2026-07-15T14:42:12

**Author:** DKWYAI

**Excerpt:** Penpot是由Kaleidos构建的免费开源设计和原型工具，旨在缩小设计师与开发者之间的差距。与专有设计应用不同，它原生支持CSS和SVG等Web标准，因此设计师构建的内容可以直接转换为可用的代码。

## 产品概述

Penpot是由Kaleidos构建的免费开源设计和原型工具，旨在缩小设计师与开发者之间的差距。与专有设计应用不同，它原生支持CSS和SVG等Web标准，因此设计师构建的内容可以直接转换为可用的代码。团队可以使用Penpot的托管云服务或在自己的基础设施上自托管以获得完全的数据所有权，该平台支持从线框图到交互原型和大规模设计系统的一切。

## 主要功能

|     |     |
| --- | --- |
| **设计即代码原生支持CSS Grid和Flex布局意味着设计可以直接映射到真实的前端代码，减少设计师和开发者之间的交接摩擦** |     |
| **实时多人协作多个团队成员可以同时编辑同一个文件，内置评论功能和可分享的演示链接用于反馈** |     |
| **设计系统与组件可复用的组件、变体、设计令牌和共享库帮助团队在大型产品套件中保持视觉一致性** |     |
| **内置开发工具代码检查器和属性面板可生成即用的CSS、SVG和HTML代码片段以及精确的尺寸，加速实现过程** |     |
| **灵活的自托管组织可以在本地、私有云或通过Docker部署Penpot，完全控制数据和基础设施** |     |
| **插件生态系统与开放API可扩展的插件架构和开放的REST API让团队能够自动化工作流程并构建自定义集成，包括AI代理插件** |     |

## 使用场景

-   **UI/UX设计:设计师可以在无限画布上使用矢量编辑、网格和高级样式工具创建精美的数字产品界面。**
-   **设计到开发的交接:开发团队使用代码检查器直接从设计文件中提取精确的CSS和SVG，减少实现过程中的沟通障碍。**
-   **交互原型制作:产品团队构建带有过渡效果和流程的可点击原型，在编写任何代码之前测试用户旅程。**
-   **企业设计治理:大型组织使用SSO、审计日志和集中式管理控制来管理设计团队的权限和安全性。**
-   **自主管理的部署:注重安全的公司和开源倡导者自托管Penpot以保持对设计资产的完全所有权。**



---