再见Figma！！新的设计,代码协作神器！

软件介绍

Penpot 是一款专门用来帮助设计师和开发者更好地合作的软件。它可以让设计师轻松地做出漂亮的设计稿，还能让这些设计稿变成真正的网站或者应用的一部分。这样，设计师和开发者之间就不会因为沟通不畅而产生麻烦了。

Penpot 专为设计师与开发者之间的设计与代码协作而打造。它允许设计师创建出精美的设计稿、交互原型以及可扩展的设计系统，同时让开发者能够直接获得可使用的代码，从而简化工作流程。Penpot 采用开放标准（如 SVG、CSS 和 HTML），可在浏览器中使用，支持自托管，并且完全免费。

特点

Penpot不仅能够表达设计为代码，还支持双向协作，确保设计师的工作能够被开发者优雅地实现。Penpot 最近的重大版本更新引入了革命性的 CSS Grid 布局特性、全新的用户界面、改进的组件系统，以及性能和易用性方面的优化。

开源成就

目前已经取得30.3K Star

主要功能

• 设计库与组件管理：Penpot 支持创建和共享设计库，其中包含可复用的组件和设计标记，有助于保持设计的一致性和可扩展性。

• 交互式原型制作：创建交互式的原型，使利益相关者能够更直观地体验设计。

• 代码集成：开发者可以直接从检查模式中获取 SVG、CSS 和 HTML 代码，加速开发流程。

• 集成能力：Penpot 支持 Webhooks 和可通过访问令牌访问的 API，便于与开发工具链集成。

• 实时协作：支持多人同时在一个画布上工作，促进实时协作。

• 丰富的工具集：提供多样化的绘图工具，如画笔、喷枪、选择工具等，满足各种绘图和设计需求。

• 智能画笔：具备智能画笔功能，能识别线条和形状，让绘制过程更加顺畅。

安装指南

1. 下载 docker-compose.yaml 文件：

   • 使用 wget 或 curl 命令下载 docker-compose.yaml 文件：

     curl -o docker-compose.yaml https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
     

2. 启动 Docker Compose：

   • 使用以下命令启动 Penpot 服务：

     docker compose -p penpot -f docker-compose.yaml up -d
     

在浏览器中访问 http://localhost:9001 即可开始使用 Penpot。

Penpot 不仅仅是一个工具，它代表了一种全新的工作方式——一种更加开放、协作和创新的工作方式。