Penpot:首个面向设计与代码协作的开源设计工具

你是否曾因设计稿与开发实现之间的鸿沟而烦恼?Penpot 的出现,旨在彻底解决这个问题。它是全球首个专为设计与代码协作打造的开源设计工具,让设计师能够创建精美的设计、交互式原型和规模化设计系统,同时开发者可以轻松获取即用型代码,实现高效无缝的协作。

截至收录:
Penpot项目stars数:41099
Penpot项目forks数:2272

Penpot项目目录截图

Penpot项目核心亮点

🌟 开源协作:Penpot 是首个开源设计和原型平台,支持浏览器访问或自托管部署,完全免费,基于 SVG、CSS、HTML 和 JSON 等开放标准。
🎨 原生设计令牌:集成原生设计令牌,作为单一事实来源,提升产品设计和开发之间的协作效率。
🔧 插件系统:通过插件扩展平台能力,灵活集成其他应用,打造定制化解决方案。
💻 开发者友好:提供检查模式,即时获取 SVG、CSS 和 HTML 代码,简化开发流程。
🏗️ 自托管部署:支持团队或组织部署自有协作设计工具实例,保障数据完全自主。

Penpot项目快速开始

只需几步,你就能开始使用 Penpot:
1. 访问在线版本
直接在浏览器中访问 Penpot 官网 开始使用。

  1. 自托管部署
    使用 Docker、Kubernetes 或 Elestio 等工具部署自己的 Penpot 实例。参考官网的 安装指南
  2. 创建第一个设计
    登录后,选择模板或从空白画布开始,利用组件和设计令牌快速构建界面。

Penpot项目应用场景

场景一:设计与开发协作:设计师和开发者可以在同一平台上实时协作,消除交接过程中的误解和延迟。
场景二:构建设计系统:通过设计令牌、组件和变体,团队可以创建可扩展、可复用的设计系统,确保跨项目和平台的一致性。
场景三:原型与交互设计:设计师可以创建交互式原型,展示用户体验流程,并与团队共享反馈。
用户案例:Penpot 已被众多开源社区和团队采用,帮助改善设计和开发工作流程。

Penpot项目链接

penpot / penpot项目地址:https://github.com/penpot/penpot

本文地址:https://www.tgoos.com/21547

声明:本站资源均整理自互联网,版权归原作者所有,仅供学习交流使用,请勿直接商用,若需商用请购买正版授权。因违规使用产生的版权及法律责任由使用者自负。部分资源可能包含水印或引流信息,请自行甄别。若链接失效可联系站长尝试补链。若侵犯您的权益,请邮件(将 # 替换为 @)至 feedback#tgoos.com,我们将及时处理删除。转载请保留原文链接,感谢支持原创。