File structure

The Pajamas UI Kit is comprised of multiple Figma files that organize separate, but related concepts. Each publishes a library of styles and components that can be enabled in your design files.

  • Component library: The main file for design components that are used in Pajamas and in all other files. The library is published as "📙 Component library" and enabled for all team design files.
  • Typescale - Documentation Markdown: ⚠️ This file is scheduled for deprecation in 16.3.
  • Typescale - Compact Markdown: ⚠️ This file is scheduled for deprecation in 16.3.
  • Data Visualization: Components, styles, and charts used within GitLab. Published as the "Data Visualization" library.
  • Product pages: Components, layouts, regions, and page templates used within GitLab. Items herein are not globally used throughout the product and not included in the main component library. Published as the "Product Pages" library.
  • GitLab Product Icons: The main file for product iconography. The library is published as "GitLab Product Icons" and enabled for all team files.

In addition to the links above, files are available from the GitLab Product Design community page and the project repository.

Fonts

The UI kit files make use of GitLab Sans, and GitLab Mono. Refer to the type fundamentals for more information. The fonts are available to download in this package.

Plugins

It may change in the future, but at the moment we don’t use plugins for critical actions or capabilities to avoid making any part of the design process reliant on plugin updates or functionality. Rather, we believe that each user should determine which plugins to use for their own workflow.

Last updated at: