● EN LÍNEA
Pajamas

GitLab's código abierto sistema de diseño para consistent, accessible interfaces través de products.

GratuitoSistemas de Diseño

Descripción General

Pajamas es el sistema de diseño oficial de código abierto de GitLab, que proporciona componentes UI, patrones, directrices y herramientas reutilizables para construir experiencias de usuario consistentes, accesibles y escalables en todas las aplicaciones web y el ecosistema de GitLab. Enfatiza la modularidad, inclusividad y colaboración desarrollador-diseñador con una biblioteca Figma integral, componentes React (vía GitLab UI) y documentación detallada, asegurando alineación con los principios centrados en el usuario de GitLab. Biblioteca de componentes: Elementos reutilizables como botones, formularios, navegación, tablas, modales y alertas con variantes para temas y estados. Tokens de diseño: Colores semánticos, tipografía, espaciado, iconos (GitLab SVG Icons) y movimiento para branding unificado. Accesibilidad: Cumplimiento WCAG 2.1 AA con soporte ARIA, navegación por teclado y patrones inclusivos. Herramientas: Kit Figma para prototipado; biblioteca React GitLab UI para implementación; Storybook para exploración de componentes.

label.best_for

equipos construyendo escalable, consistent digital products.

Características Principales

  • biblioteca de componentes: Reusable elements como buttons, forms, navigation, tables, modals, y alerts con variants para themes y states.
  • tokens de diseño: Semantic colores, tipografía, espaciado, iconos (GitLab SVG iconos), y motion para unified branding.
  • accesibilidad: WCAG 2.1 AA compliance con ARIA soporte, keyboard navigation, y inclusive patrones.
  • herramientas: Figma kit para prototipado; GitLab IU React biblioteca para implementation; Storybook para componente exploration.

Pros

  • +Código abierto
  • +Colaboración en tiempo real
  • +Amplia biblioteca de iconos
  • +Formatos vectoriales escalables

Contras

  • -La adopción requiere alineación del equipo
  • -La personalización puede ser compleja

/// ESPECIFICACIONES

  • Precio:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
/// Herramientas Similares