Build Figma file with componentized product pages
Overview
Create and maintain a comprehensive Figma file with all product pages designed as componentized pages, utilizing the Pajamas design library. This effort will provide a centralized repository of reusable components, ensuring consistency, efficiency, and collaboration across product teams.
Goals
- Improve designer productivity for everyday tasks.
- Identify and address gaps in the Pajamas Figma library.
Extended goal
- Experiment with the Dark mode Figma and provide feedback gitlab-org/gitlab-services/design.gitlab.com#1870
Deliverable
- A complete Figma with all current product pages, structured with Pajamas components.
- This time, I focused only on the web screen size. Mobile screens can be added in a later iteration.
Pages
| Page | Status | Screen |
|---|---|---|
Build > Pipelines: Empty state |
![]() |
|
Build > Pipelines: Run pipeline |
![]() |
|
Build > Pipeline Editor: Main page |
![]() |
Edited by Sunjung Park


