PatternFly

Designer contributions

Ways to contribute

As a designer, here are some of the contributions you can make:

New feature or enhancement

Work with the PatternFly design team to design a new feature to be implemented in the PatternFly library.

Example I want to design and contribute a new design pattern that allows a user to favorite or like an item in a data list.

The PatternFly design team is comprised of a small number of visual and interaction designers who define the visual look and feel of the PatternFly library and provide direction to developers when implementing new features and enhancements. The team works following an agile process. The design backlog is tracked and managed via a GitHub project board. You can look here to identify issues that are currently unassigned and waiting in the queue or open a new issue to propose a design.

Design guideline

Design guidelines appear on the website and help designers to apply PatternFly components in their designs. They are use case and solutions driven.

Example I want to add guidelines for how to apply labels and tags to organize objects.

You may open an issue in our patternfly-org repo to propose a new design guideline page or update an existing guideline, and work with the PatternFly team and stakeholders to author and publish your new content. Visit Contributing to patternfly org for designers for detailed instructions about how to author and contribute design guideline content.

PatternFly Sketch design kit

Note: We have migrated the PatternFly design system to Figma and no longer maintain or update our Sketch design kits. The following information may be out of date as a result. For information on how to migrate to Figma, read our "Design with PatternFly" guide.

The PatternFly design kit is a Sketch library that makes it easy for designers to create high-fidelity mockups using PatternFly components.

Example I want to implement a new component in the PatternFly Sketch symbol library.

To open an issue or browse existing issues, visit the patternfly-design-kit repo on GitHub.

Contributing new icons

We encourage designers to work with the existing PatternFly icon set when choosing icons to use in their project. These include both custom and existing Font Awesome icons that cover most common use cases. To see what's available, vist our Icons page. However, there may be occasions where you want to propose a new icon to be added to PatternFly.

Example I want to add a new custom icon to PatternFly to meet my project specific need.

To contribute a new icon, start by opening an issue in the patternfly-design repo proposing a new icon and why it's needed. Then, follow the procedure outlined here for creating custom icons and adding them to the PatternFly icon set.

If you are interested in contributing to any of the projects above, feel free to reach out to us on the patternfly-design channel on Slack.


View source on GitHub