Learning about design systems

Design systems help you introduce consistency to the applications that you build. By choosing to use a design system, you can scale your designs to maintain a unified presence across a number of platforms, with less effort.

A design system is a library of patterns and rules that determine how an interface responds to user interaction. Design systems contain the best practice guidelines, operational assets, and UI components that are required to deliver the interface. For example, a design system might include a reusable table component that supports sorting, filtering, and grouping. Every table in your application can be sourced from that component, which means that every table in the application can have the same basic architecture and rely on consistent rules to govern user interactions.

Some organizations develop proprietary design systems to unify the presentation, behavior, and structural rules of their application interfaces. However, most businesses rely on the design system provided by Pega. Either approach helps improve consistency, and creates a system that is easier to upgrade and maintain.

Cosmos Design System

Pega Platform uses the Cosmos Design System as its main product design resource. The system provides a consistent library of components that form the entire user experience for both customer-facing applications, and the Pega Platform itself.

Cosmos is fully templated and relies on prefabricated components for more efficient development and performance. In addition, a more modern design and increased focus on intuitiveness help save time on application updates and user training.

UI Kit

UI Kit is the classic set of product design resources aimed at improving consistency in business applications. As the original Pega Platform design solution, UI Kit speeds up maintenance and continued development of existing applications.