再见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 文件

    • 使用 wgetcurl 命令下载 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 不仅仅是一个工具,它代表了一种全新的工作方式------一种更加开放、协作和创新的工作方式。

------EOF------

福利:

扫码回复【酒店】可免费领取酒店管理系统源码

相关推荐
DKPT5 小时前
Java桥接模式实现方式与测试方法
java·笔记·学习·设计模式·桥接模式
AI生存日记7 小时前
百度文心大模型 4.5 系列全面开源 英特尔同步支持端侧部署
人工智能·百度·开源·open ai大模型
好好研究8 小时前
学习栈和队列的插入和删除操作
数据结构·学习
步、步、为营8 小时前
.net开源库SignalR
开源·.net
新中地GIS开发老师9 小时前
新发布:26考研院校和专业大纲
学习·考研·arcgis·大学生·遥感·gis开发·地理信息科学
SH11HF9 小时前
小菜狗的云计算之旅,学习了解rsync+sersync实现数据实时同步(详细操作步骤)
学习·云计算
Frank学习路上9 小时前
【IOS】XCode创建firstapp并运行(成为IOS开发者)
开发语言·学习·ios·cocoa·xcode
Chef_Chen11 小时前
从0开始学习计算机视觉--Day07--神经网络
神经网络·学习·计算机视觉
国服第二切图仔11 小时前
文心开源大模型ERNIE-4.5-0.3B-Paddle私有化部署保姆级教程及技术架构探索
百度·架构·开源·文心大模型·paddle·gitcode
钱彬 (Qian Bin)11 小时前
一文掌握Qt Quick数字图像处理项目开发(基于Qt 6.9 C++和QML,代码开源)
c++·开源·qml·qt quick·qt6.9·数字图像处理项目·美观界面