标签 Penpot 下的文章

Penpot 是一个设计师和开发人员使用的开源设计工作空间。

使用 Fedora 会让你接触到许多不同的开源软件。Fedora 网站的重大改造始于一年多前,目标是提高设计美感、创建风格指南、规划网站策略以及选择用于交付 Fedora Linux 产品网站的技术栈。从设计的角度来看,团队需要一个创建模型的工具、一个保存资源库的地方,以及完成后适合移交给开发人员的东西。

选择 Penpot

Figma 是许多人推荐的流行界面设计工具,但由于该公司最近对其免费计划施加了限制,因此被认为不合适。这种担忧在 Adobe 收购 Figma 之前就已经出现,所以现在回想起来,不使用它的决定更加重要!

团队研究了 Penpot,发现它符合每个人的要求。Penpot 是第一个面向跨领域团队的开源设计和原型平台。Kaleidos 内的一个团队创建了 Penpot。Kaleidos 是一家成立于 2011 年的科技公司,完全专注于开源项目。

Fedora 网站和应用程序团队通过三种方式使用 Penpot:

  • 线框图和模型
  • UX 测试和反馈
  • 协作

我将在下面详细介绍这些用途。虽然示例讨论了 Fedora 项目,但 Penpot 可以为任何开源社区带来好处。

1、线框和模型

设计网页草图是我们团队使用 Penpot 的主要方式。草图可以实现快速协作并减少贡献者之间的沟通问题。开发人员和设计师可以在同一空间自由协作。

社区反馈很重要。正确地共享模型可能有点困难。Penpot 基于网络,可在任何平台上轻松访问。当在原型上进入 查看模式 View Mode 时,该工具会生成一个可共享的链接。如果你不再希望共享链接,还可以修改权限或销毁链接。

Creating a shareable link and editing permissions on Penpot.

2、UX 测试和反馈

此次改造与 Fedora 社区密切合作。通过对原型进行可用性测试并共享设计进度,我们使用 Penpot 让社区参与每一步。

3、协作

在改造过程中,我们的开发和设计团队使用 Penpot 来产生想法、组织会议并直观地测试新概念。

我们的团队在早期规划会议中将 Penpot 用作白板,让开发人员在参与讨论的同时以异步方式贡献想法。这种方法减轻了压力,确保每个人的想法都能被听到,帮助我们看到模式,并调解分歧,达成良好的妥协。Penpot 有助于在每个人之间建立一种理解感。

团队使用 Penpot 作为素材来源。用户可以将元素和其他内容存储在资源库中,以便可以重复使用它们。Penpot 可以存储组件、图形、版式、调色板等。

An example of an asset library within Penpot.

共享这些库使整个团队都可以访问它们。当与定期访问相同源文件的团队合作时,这会很有帮助。如果新成员加入,他们开始为项目构建模型所需的所有素材都将随时可用。用户可以直接从 Penpot 文件导出这些素材。

Exporting selected assets in a Penpot file.

开发人员可以在任何浏览器上查看原型的全部内容。这种功能让网站建设变得更容易,因为你可以与原型同时进行编码。如果设计人员同时在处理文件,他们所做的更改可以通过查看模式刷新查看,如果是在实际文件中,则可以实时查看。

An editor with code and the Penpot interface.

开源价值观

Penpot 符合 Fedora 项目的“四大基础”:自由、朋友、功能和第一。在回顾这些价值观时,请考虑该工具如何与你自己的开源计划保持一致。

自由

我们选择开源和自由来替代专有的代码和内容,并限制专有代码对项目和项目内的影响。Penpot 是第一个开源设计和原型平台。Penpot 基于网络,独立于操作系统,并采用开放网络标准。这确保了与 Web 浏览器和 Inkscape 等外部应用的兼容性。

朋友

我的社区由各行各业的人们组成,他们共同努力推进自由软件的发展。Penpot 的使命是相似的。其目标是提供开源和开放标准工具,将设计人员和开发人员之间的协作提升到新的水平。使用 Penpot 可以顺利地向开发人员移交,并使我们能够高效地合作。无需来回寻找文件或素材,因为他们需要的一切都在 Penpot 文件中。

功能

Fedora 关注优秀的软件。它的功能开发总是公开透明地进行,并鼓励参与。任何人都可以在任何问题上开始工作,也可以加入任何他们感兴趣的团队。Penpot 赞同这一理念。任何人都可以合作!代码和贡献者指南可从项目的 Git 仓库获取。

第一

Fedora 采用的策略是通过持续的前进动力来推动自由软件的发展。这种方法通常遵循“早发布、勤发布”的工作流程。Penpot 也经常更新。它向社区发布每日开发博客,重点介绍已完成的工作。它在网站上写道:“我们也有这种紧迫感,我们需要快速行动,这关系到太多的事情”。

总结

该项目即将完成,第一个截止日期与 Fedora Linux 38 的发布日期一致。事实证明,Penpot 是一个非常有价值的工具,它为开源设计爱好者提供了更多的资源。最近,该平台庆祝了它的正式发布,下一步的发展令人兴奋。

Penpot 改变了我们团队的工作方式。它能为你的组织和社区做些什么?

本文改编自 Ashlyn Knox 和 Emma Kidney 在创意自由峰会上的演讲:《模型和动作 - Fedora 设计团队如何使用 Penpot》。该演讲的录音可 在 PeerTube 上观看

(题图:MJ/fc248c3c-08e9-4e35-a389-8c88009a7110)


via: https://opensource.com/article/23/3/linux-penpot

作者:Emma Kidney 选题:lkxed 译者:geekpi 校对:wxy

本文由 LCTT 原创编译,Linux中国 荣誉推出

用 Penpot 这个开源的设计工作空间来弥合编程和设计之间的鸿沟。

在计算机编程的大部分历史中,在创建应用的代码的程序员和创建应用的用户体验(UX)的设计师之间一直存在着鸿沟。这两个学科接受的培训大不相同,他们使用的工具也不同。程序员使用文本编辑器或集成开发环境来编写代码,而设计师则经常绘制小部件布局和潜在交互的示意图。虽然一些 IDE,像 EclipseNetbeans,有界面设计组件,但它们通常专注于小部件的位置而不是小部件的设计。开源设计应用 Penpot 是一个协作式设计和原型设计平台。它有一套新的功能,使设计师和开发者可以很容易地用熟悉的工作流程协同工作。Penpot 的设计界面可以让开发者在设计过程中和谐地编写代码,这是其他工具所无法做到的。自从我们 上次介绍它 以来,它已经有了长足的进步。它的最新功能不仅改善了你使用 Penpot 的体验,还推动了开源的 Penpot 应用超越类似的专有工具。

用 Penpot 做原型

在设计应用的最佳工作方式时,常见问题之一是在设计的时候这个应用还不存在。设计师可以通可视化和故事板来帮助设计团队和程序员了解目标是什么。但这是一个需要迭代和反馈的过程,当开发人员开始实施 UX 设计,设计会发生变化以应对对代码的实际变化。

使用 Penpot,你可以为你的网络或移动应用创建一个“可用”原型。你可以将按钮与特定的行动联系起来,根据用户的输入触发布局的变化。而这一切都可以在项目的代码存在之前完成。

但是,这方面最重要的不是模拟的能力。在 Penpot 中为应用的设计所做的一切都有可用的布局数据,开发人员可以在最终的项目中使用它们。Penpot 不仅仅是一个出色的绘图和布局工具。它为编码过程提供了信息。

Penpot 现在不仅仅是提供了一个设计师特定元素的视觉列表,如属性、颜色和排版,而是将代码输出直接整合到设计工作区(就像 Web 浏览器中的开发者工具)。设计师和开发人员共享设计和前端开发的相同空间,以他们需要的任何格式获得规格。

Image of the current Penpot interface

内存解锁

许多在线设计工具使用专有技术来提供一些花哨的功能,但代价是基本上成为一个应用,你只能运行它,而不能通过浏览器访问。不过 Penpot 使用开放的网络标准,并由你的网络浏览器渲染。这意味着 Penpot 可以访问浏览器可用的最大内存,使得 Penpot 成为第一个具有设计扩展性的在线原型和布局应用。你可以提供更多的选项、更多的模型,和更多的场地。此外,你可以向更多的并发协作者开放你的设计空间,而不必担心应用的内存耗尽。

自我托管和 SaaS

Penpot 是开源的,所以你不用必须在云上使用它,如果这不适合你的工作流程。你可以在一个容器中轻松地自我托管 Penpot,在你自己的工作站上作为一个本地应用使用,或者在你自己的服务器上为你的组织托管它。

开源设计

我以前写过一篇 Penpot 的介绍性文章,自那以后,这个应用变得更好了。如果你想把程序员和相关人员带入你的设计过程中,那么请试试 Penpot。


via: https://opensource.com/article/23/1/merge-design-code-penpot

作者:Seth Kenlon 选题:lkxed 译者:geekpi 校对:wxy

本文由 LCTT 原创编译,Linux中国 荣誉推出

在 Adobe 同意以 200 亿美元收购 Figma 两周后,开源设计项目 Penpot 背后的公司 Kaleidos 表示已筹集到 800 万美元的新资金。

自 Adobe 透露打算向著名设计工具背后的公司 Figma 投资 200 亿美元以来,已经过去了 13 天。Penpot 是个开源替代品,当时有过一段繁荣。Penpot 现在有额外的资金来支持这种扩张。据其母公司 Kaleidos 周二称,得益于 800 万美元的资金,Penpot 的协作设计软件的开发将继续进行。该公司表示,当 Adobe 同意购买 Figma 后,其注册用户在一天内就增加了 5600%。

为了支持不断增加的访问量,Penpot 在周末增强了托管 Web 应用程序的基础设施。据该公司称,本地部署量增加了 400%,托管 Penpot 开源代码的 GitHub 存储库的星标数出现了硅谷流行的曲棍球棒图。本轮投资由思科支持的 Decibel 牵头,投资方 Athos Capital 也参与其中。Decibel 的创始合伙人 Jon Sakoda 表示,这个时机可能看起来特别恰当,但这只是巧合,因为该协议是在 8 月中旬达成的,在大家兴趣飙升的几周前。

Adobe 在给 CNBC 的一份声明中表示,与 Figma 相结合,该公司将“让协作创意更轻松、更顺畅,并让数百万用户更有创造力和生产力”,而且它“将加速 Figma 的创新路线图并提供访问更广泛的客户群”。

Penpot 仍然是很难存活的企业。设计师目前可以使用 Penpot 开源软件的托管版本或免费下载。但 Penpot CEO Ruiz-Múzquiz 并不是唯一一个将 Adobe-Figma 合作伙伴关系视为重要可能性的人。在 Reddit 的 Figma 讨论板上有个帖子,标题为“如果你希望看到 Adobe Figma 交易失败,请投票。”有 400 多人投了支持。让 Figma 不属于 Adobe,这是英国设计机构 Rejiggle 的创始人 Daryl Ginn 在 Twitter 上提出的建议。

Adobe 表示,如果收购在 2023 年按预期进行,Figma 的联合创始人兼 CEO Dylan Field 将继续领导该公司。这并不能减轻一些怀疑论者的恐惧。尼日利亚品牌设计师 Chisaokwu Joboson 在 Twitter 上的一篇的帖子收到了 3,000 多个赞,他的帖子似乎暗示,在 Adobe 的领导下,Figma 存储文件的简单性将结束,它将开始更像是一个强大的桌面应用程序,需要手动保存。

预期中的合并也不是所有人都反对。例如,荷兰设计师 Fons Mans 在 Twitter 上表示,能够使用 Figma 同时还能够在 Photoshop 和其他程序中“处理你的照片”将是“一个梦想”。

由于直接共享和协作编辑等功能,Figma 最初吸引了一些摆脱 Adobe Creative Cloud 工具的设计师。尽管其被宣传为竞争对手,但据报道,Adobe 的 Creative Cloud XD 在七年后每年的经常性收入仅 1500 万美元。在 Twitter Spaces 的讨论中,产品主管 Scott Belsky 表示 Adobe 致力于帮助 XD 的用户。然而,Ruiz-Múzquiz 声称,出售的时机非常有利于他的公司的发展。


via: https://www.opensourceforu.com/2022/09/penpot-gains-additional-users-thanks-to-adobes-figma-purchase/

作者:Laveesh Kocher 选题:lkxed 译者:littlebirdnest 校对:wxy

本文由 LCTT 原创编译,Linux中国 荣誉推出

Penpot 是一个自由开源的解决方案,能够替代 Figma 或类似的设计工具。你怎么看?

Penpot is a Solid Open-Source Figma Alternative to Look Out for!

Adobe 以高达 200 亿美元的价格收购了流行的设计工具 Figma

像往常一样,大型科技公司通过收购企业来消除竞争。因此,这并不完全是一个令人兴奋的消息。

但是,令人兴奋的是,我们遇到了一个自由开源的设计工具,它从 Figma 中获得灵感并且做得更好!

Penpot:正在开发中的自由开源的设计工具

Penpot UI

Penpot Penpot 是一个正在积极开发的开源项目。将近两年前,它在 ProductHunt 上推出,目前处于测试阶段。

Penpot 值得关注的地方:

  • 自由开源(当然)。
  • 可以选择自托管。
  • 跨平台。
  • 使用 SVG 作为原生格式。
  • 基于 Web。
  • 具有行业标准功能(受 Figma 启发)。

你可以观看其官方视频以了解其基础知识:

Penpot 的主要亮点是使用 SVG 作为其原生格式。使用 SVG 文件,你可以获得与许多矢量图形编辑工具很好的兼容性。

因此,你保存下来的文件,同样可以被其他的图片编辑软件打开,而不会被其专有的格式锁定在一个特定的软件上。

Penpot 为你提供绝对最佳的开放标准。

Penpot 的 CEO,Pablo Ruiz-Múzquiz 提到了更多:

如果你在存储层面上采用 SVG(开放标准,支持 Web,移动互联网等),你马上就可以将你所有的 Penpot 设计与你的代码库整合起来。由于采用了 SVG 而不是另一种封闭的格式,你可以对设计本身的实际表现进行修改。这为设计师和开发人员打开了巨大的机会之门。另外,SVG 意味着我们免费地就为低代码提供了支持。你可以在 Penpot 中选择任何元素并查看它的 SVG(和 CSS)形式,知道它实际上是什么,无需翻译。这给设计师和开发人员之间带来了更值得信赖的关系,并允许前端开发人员尝试他们的设计技能。

所以,使用 SVG 作为原生格式有很多优势!

目前,该项目处于测试阶段,且在项目中有大量熟练的贡献者不断改进。

这可以让它变成 Figma 最有用的开源替代品,让设计工具突破了大型技术公司。

你可以自行托管它或使用云应用程序对其进行测试。在其官方网站上注册以学习和试验它。

你还可以查看其 GitHub 页面 以探索更多信息。

Penpot

这也让我想起了 Akira,它的目标是成为一个用于 UI 和 UX 设计的原生 Linux 应用程序。它仍处于早期开发阶段,但当涉及 Linux 或开源计划时,这种努力总是受到赞赏。

? 你如何看待 Penpot 作为 Figma 的开源替代品?


via: https://news.itsfoss.com/penpot-figma-alternative/

作者:Ankush Das 选题:lkxed 译者:littlebirdnest 校对:wxy

本文由 LCTT 原创编译,Linux中国 荣誉推出