我的 Linux 团队使用 Penpot 的 3 个原因
Penpot
![](/data/attachment/album/202308/14/110746hxia0hp18r1v11vz.jpg)



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


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


### 选择 Penpot


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


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


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


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


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


### 1、线框和模型


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


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


![Creating a shareable link and editing permissions on Penpot.](/data/attachment/album/202308/14/110938egdktrob9tojyusq.jpg)


### 2、UX 测试和反馈


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


### 3、协作


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


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


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


![An example of an asset library within Penpot.](/data/attachment/album/202308/14/110946u681ws8u2pwz11pj.jpg)


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


![Exporting selected assets in a Penpot file.](/data/attachment/album/202308/14/110955iaeqc0ccmbpqcvbq.jpg)


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


![An editor with code and the Penpot interface.](/data/attachment/album/202308/14/111007w9gf9z977c797q83.jpg)


### 开源价值观


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 上观看](https://peertube.linuxrocks.online/w/5H22PH66kYwiTKcKR1p2kJ)。


*（题图：MJ/fc248c3c-08e9-4e35-a389-8c88009a7110）*




---


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


作者：[Emma Kidney](https://opensource.com/users/ekidney) 选题：[lkxed](https://github.com/lkxed/) 译者：[geekpi](https://github.com/geekpi) 校对：[wxy](https://github.com/wxy)


本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出


OK
Working with Fedora exposes you to a lot of different open source software. A major Fedora website revamp started over a year ago, with the goal of improving design aesthetics, creating a style guide, planning the website strategy, and choosing the tech stack for delivering the Fedora Linux offerings website. From a design perspective, the team needed a tool to create mock-ups, a place to hold the asset libraries, and something suitable to hand off to developers once complete.

## Choosing Penpot

Figma is a popular interface designing tool recommended by many, but it wasn't deemed suitable because the company had recently imposed restrictions on their free plan. This concern arose before Adobe acquired Figma, so the decision not to use it was even more significant in retrospect!

The team looked into Penpot and found that it matched everyone's requirements. Penpot is the first open source design and prototyping platform for cross-domain teams. A team within Kaleidos creates Penpot. Kaleidos is a technology company started in 2011 that fully focuses on open source projects.

There are three ways the Fedora Websites and Apps team uses Penpot:

- Wireframes and mock-ups
- UX testing and feedback
- Collabloration

I expand on these uses below. While the example discusses the Fedora Project, Penpot offers benefits to any open source community.

## 1. Wireframes and mock-ups

Drafting webpage designs is the primary way our team uses Penpot. Drafting enables quick collaboration and lessens communication issues between contributors. Developers and designers can collaborate freely and in the same space.

Community feedback is important. It can be a bit difficult to share mock-ups properly. Penpot is web-based and easily accessible on any platform. When entering **View Mode** on a prototype, the tool generates a shareable link. You can also modify the permissions or destroy the link if you no longer want it shared.

![Creating a shareable link and editing permissions on Penpot.](https://opensource.com/sites/default/files/2023-03/permissions.webp)

(Emma Kidney, CC BY-SA 4.0)

## 2. UX testing and feedback

This revamp works closely with the Fedora community. By running usability testing sessions on prototypes and sharing design progress, we use Penpot to keep the community involved every step of the way.

## 3. Collaboration

During the revamp, our development and design teams used Penpot to generate ideas, organize meetings, and test new concepts visually.

Our teams used Penpot as a whiteboard in early planning sessions and enabled the developers to contribute ideas asynchronously while engaging in the discussion. This method reduced stress, made sure everyone's ideas could be heard, helped us see patterns, and mediated disagreements for a good compromise. Penpot helped create a sense of understanding between everyone.

The team used Penpot as a source of assets. Uses can store elements and other content in an asset library so that one can use them repeatedly. Penpot stores components, graphics, typographies, color palettes, and more.

![An example of an asset library within Penpot.](https://opensource.com/sites/default/files/2023-03/asset-library.webp)

(Emma Kidney, CC BY-SA 4.0)

Sharing these libraries enables the whole team to access them. This can be helpful when working with a team that regularly accesses the same source files. If a new member joins, all assets they need to start building mock-ups for the project would be readily available. Users can export these assets directly from the Penpot file.

![Exporting selected assets in a Penpot file.](https://opensource.com/sites/default/files/2023-03/exporting.webp)

(Emma Kidney, CC BY-SA 4.0)

Developers can view the prototype in full on any browser. This capability makes building the website easier as you can code side by side with the prototype. If a designer is working on the file at the same time, changes they make can be seen by refreshing in **View Mode** or in real-time if in the actual file.

![An editor with code and the Penpot interface.](https://opensource.com/sites/default/files/2023-03/coding.webp)

(Emma Kidney, CC BY-SA 4.0)


## Open source values

Penpot aligns with the Fedora Project's "Four Foundations" of Freedom, Friends, Features, and First. As you review these values, consider how the tool might align with your own open source initiative.

### Freedom

We choose open source and free alternatives to proprietary code and content and limit the effects of proprietary code on and within the Project. Penpot is the first open source design and prototyping platform. Penpot is web-based, independent of operating systems, and works with open web standards. This ensures compatibility with web browsers and external applications like Inkscape.

### Friends

My community consists of people from all walks of life working together to advance free software. Penpot's mission is similar. Its goal is to provide an open source and open standards tool to bring collaboration between designers and developers to the next level. Using Penpot has allowed for a smooth handoff to developers and has allowed us to work productively together. There's no back-and-forth looking for files or assets, as everything they need is in the Penpot file.

### Features

Fedora cares about excellent software. Its feature development is always done openly and transparently, and it encourages participation. Anyone can start working on any issue or as part of any team that interests them. Penpot shares this ethos. Anyone can collaborate! The code and a contributor guide are available on the project's Git repository.

### First

Fedora adopts a strategy of advancing free software through consistent forward momentum. This approach usually follows a "release early, release often" workflow. Penpot also updates frequently. It publishes a Dev Diary blog to the community, highlighting the work that has been done. It states on its website, "We also have this sense of urgency, we need to act fast, there's too much at stake."

## Wrap up

The project is coming close to completion, with the first deadline aligning with the release of Fedora Linux 38. Penpot has proven to be a valuable tool and is expanding the resources available to Open Source Design enthusiasts. With the platform celebrating its official launch recently, it's exciting to see what's next.

Penpot has changed the way the our team works. What can it do for your organization and community?

This article has been adapted from the talk: *Mock-ups and Motions—How the Fedora Design Team uses Penpot* by Ashlyn Knox and Emma Kidney, given at the Creative Freedom Summit. A recording of the talk is available to [watch on PeerTube](https://peertube.linuxrocks.online/w/5H22PH66kYwiTKcKR1p2kJ).

## 1 Comment