# Motions and Mockups: How the Fedora Design Team uses Penpot

- The Fedora Linux website revamp initiative
- A huge effort across multiple teams and the Fedora community to modernize both the look and feel of our websites, but also the underlying infrastructure and maintainability of them

- Penpot is our UI design and prototyping tool
- used by design team members to build mockups and prototypes
- able to run user tests to improve our designs before or during dev phase
- Penpot is also an effective planning tool
- used for running meeting agenda (design team)
- used with dev team for brainstorming
- Design Libraries for Fedora
- Making it easy for new contributors to build on work already established
- Working towards standardized approaches to our web design
- Fast and easy review and updating

- The Websites & Apps team used Penpot as a whiteboard in early planning sessions
- this enabled devs to contribute ideas async while engaging in discussion
- reduced stress
- made sure everyone's ideas could be heard
- helped us see patterns
- mediated disagreements for good compromise
- **Helped get feedback and ideas from devs, reducing disagreement and building understanding**

- Community feedback is important when working within Fedora. With Design it can become a bit difficult to share designs properly.
- Penpot is web-based and therefore easily accessibile.
- I can enter view mode on the prototype and a shareable link is generated.
- You can also modify the premissions or destroy the link if you no longer want it shared.

- Here's just a illustration of what the process is like when getting feedback on a mock-up.
- This is the process I would go through with more static designs, **but more intereactive prototypes may need user testing sessions.**

- 2022 Nest User Test Session
- Results showed that we were doing good with our grouping and labelling
- but that we needed to rethink the interface paradigm

- Walkthrough of Nav design
- Hero menus
- tab navigation
- Different paradigm to display same categories as in first test
- **Easy to get resources to devs**

- On penpot, you can store elements and other content in an asset library so you can use them again and again. You can store components, graphics, typographies, colour palettes etc.
- These libraries can be turned in shared libraries that other team members can access.
- This can be helpful when working with a team who regulary access the same source files.
- If a new member joins, all the assets they need to start building mockups for the project are right there.
- Source images can be exported directly from the penpot file.

- The prototype can be viewed in full on any browser. This makes building the website easier as you can code side by side with the prototype.

- The Fedora Project is a community of people working together to build a free and open source software platform. Or, in plain English, we make an operating system and we make it easy for you to do useful stuff with it.
- Fedora has core values that the community follow. These are called the "Four Foundations": Freedom, Friends, Features, First.

### Freedom
- We choose 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. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG, Scalable Vector Graphic). This works great along with other opensource software such as Inkscape, as they also work with SVGs.

### Friends
- The Fedora community is made up of people from all walks of life, working together to advance free software.
- Penpot’s mission is similar. Their goal is to provide an open source & open standards tool to bring collaboration between designers and developers to the next level.
- Using penpot has allowed for a smoother handoff to developers and allowed us to work more 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. Our feature development is always done openly and transparently, and anyone may participate. Anyone can jump in and start working on any issue or as part of any team that interests them.

- Penpot shares this ethos. Anyone can collaborate! The code along with a contributor guide is available on the projects github.

### First
- Fedora adopts a strategy of advancing free software through consistent forward momentum. This usually follows a "release early, release often" workflow.
- Penpot updates often also. They have a "Dev Diary" blog that is published to the community highlighting the work that has been done.
- They have also stated on their website: “We also have this sense of urgency, we need to act fast, there's too much at stake.”

- Thank you
- Questions