一款开源的 Figma 潜在替代品

👇👇关注后回复 “进群” ,拉你进程序员交流群👇👇

作者丨小集

来源丨小集(ID:zsxjtip)

https://mp.weixin.qq.com/s/Rz5Hy7a0az_xOQNz2psCug

今年 9 月月中,Adobe 壕掷 200 百亿刀收购了 Figma,这则新闻对于设计界来说无疑是爆炸性的。这次收购,对于那些一直想摆脱 Adobe “魔爪” 的设计师来说,无疑又是一次糟糕的经历。不过好在 Figma 也不是设计师们的唯一选择,还有很多同类的优秀工具可以帮助设计师们完成自己的创作。这里就给大家推荐一款开源的 Figma 替代品:Penpot。

Penpot 是一个面向跨领域团队的开源设计和原型设计平台。Penpot 不依赖于操作系统,基于 Web 并使用开放标准 (SVG)。Penpot 的目标是提供一个开源和开放标准工具,将设计师和开发人员之间的协作提升到一个新的水平。

30bab9fc957f19d51827ec63a1cffeb4.jpeg

为什么选择 Penpot

Penpot 希望让每个团队都可以进行设计和原型制作。它有以下的特点:

  • 跨团队:Penpot 同时关注了设计和研发团队,它的产品特性和功能适用于未来团队中的不同角色,告别了设计孤岛的痛苦。所有团队成员可以协作创建漂亮的用户界面,从而保证所有人使用的组件、库和设计系统的一致性。

e6b18afe8a56d1184bf290025a62495f.jpeg

  • 跨平台:基于 Web,Penpot 不依赖于操作系统或本地安装,只需要运行浏览器就要以使用。

978dec54eb0f159be12248b12fbb943c.jpeg

  • 开放标准:Penpot 使用的 SVG 是其他设计和原型工具所不具备的,Penpot 文件与大多数矢量工具兼容,技术友好且非常易于在 Web 上使用。

192171a2744e1c8fcfa5230f5d8467a7.jpeg

  • 开源:Penpot 是开源的,为社区而建,由社区授权。它具有极强的适应性:社区贡献范围从附加组件和插件到核心功能。我们可以在社区分享库和模板,或下载自己喜欢的库和模板,一起构建社区,并帮助其他人。

bd567712933428b9461aac230bf98bed.jpeg

关键特性

虽然还处于测试阶段,但 Penpot 基本上具备现代 UI/UX 设计工具的所有功能。

「层」

966ccac6a32e8a506ffcd682323c2419.png

「蒙板」

5811bf035987884bd8a70c79f2dba708.png

「约束」

a418512c9782f553674edf4a657ac0e6.png

「样式」

ae96f5d5b0768a7bcf4c6bad203fa9b7.png

「原型」

ca51cb656f93b200f8a2f880d7c373e7.png

至关重要的是,它多少具备了设计现代界面和体验所期望和需要的所有功能。

安装使用

我们可以在本地搭建 Penpot 服务,也可以使用 Penpot 云应用。

如果选择在本地搭建 Penpot 服务,可以有两种方式:

  • 一种是使用 Elestio 来安装,Elestio Elesio 为一系列开源软件的本地实例提供完全托管的服务,让我们可以在本地快速部署一个 Penpot 服务,而不需要任何技术知识,详情见 参考链接 [1]。使用这种方式,我们无需担心 DNS 配置、SMTP、备份、SSL 证书、操作系统和 Penpot 升级等等。

  • 另一种是依托于 docker 和 docker-compose,自行构建托管服务,这个需要一些技术方面的知识,详情见 参考链接 [2]

如果不想在本地环境中安装 Penpot,也可以使用官方提供的云服务[3]。可以在其中创建一个团队来共同处理项目并共享设计资产,或者立即跳入 Penpot 并开始自己设计。

小结

Penpot(实际上)是在 2018 年的 Kaleidos 个人创新周(PIWEEK)中诞生的,初衷也是希望将设计师、开发人员、技术人员和其他利益相关者引入设计过程,并希望让设计师也参与到开源的过程中来。而 Penpot 所属的团队也计划使其成为一家非常成功的开源产品,希望能够保持 Penpot 100% 开源,并确保建立一个精彩的社区。

当然,相比 Figma,Penpot 还是有许多东西需要迎头赶上,还有许多不足需要改进。但这次 Figma 收购,也给 Penpot 带来一些机遇。希望 Penpot 能给我们带来更多的惊喜。

参考

[1] https://help.penpot.app/technical-guide/getting-started/#install-with-elestio

[2] https://help.penpot.app/technical-guide/getting-started/#install-with-docker

[3] https://design.penpot.app/

「Penpot」

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

⭐️:18.2k

语言:Clojure

官网:https://penpot.app/

-End-

最近有一些小伙伴,让我帮忙找一些 面试题 资料,于是我翻遍了收藏的 5T 资料后,汇总整理出来,可以说是程序员面试必备!所有资料都整理到网盘了,欢迎下载!

551670b442b60b55f0591ad1295a0444.png

点击👆卡片,关注后回复【面试题】即可获取

在看点这里adc864b8920c4b9512b711f15781af4c.gif好文分享给更多人↓↓

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值