icon of Penpot

Penpot

开源的浏览器设计平台,通过CSS和SVG标准、实时协作和代码就绪的交接将设计师和开发者联系在一起。

社区:

产品概览

什么是Penpot?

Penpot preview

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


主要功能

  • 设计即代码

    原生支持CSS Grid和Flex布局意味着设计可以直接映射到真实的前端代码,减少设计师和开发者之间的交接摩擦。

  • 实时多人协作

    多个团队成员可以同时编辑同一个文件,内置评论功能和可分享的演示链接用于反馈。

  • 设计系统与组件

    可复用的组件、变体、设计令牌和共享库帮助团队在大型产品套件中保持视觉一致性。

  • 内置开发工具

    代码检查器和属性面板可生成即用的CSS、SVG和HTML代码片段以及精确的尺寸,加速实现过程。

  • 灵活的自托管

    组织可以在本地、私有云或通过Docker部署Penpot,完全控制数据和基础设施。

  • 插件生态系统与开放API

    可扩展的插件架构和开放的REST API让团队能够自动化工作流程并构建自定义集成,包括AI代理插件。


使用场景

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

常见问题

Penpot的替代方案

🚀

Penpot网站分析