Backstage Design System

Descripción General

El Backstage Design System es un archivo comunitario de Figma que proporciona un sistema de diseño integral para Backstage, el framework de portal de desarrolladores de código abierto de Spotify. Creado por el equipo de Backstage, incluye componentes UI reutilizables, patrones y directrices para asegurar interfaces consistentes y escalables para catálogos de software, documentación técnica y plugins. Con miles de vistas, es ideal para desarrolladores y diseñadores que construyen herramientas internas, enfocándose en modularidad, accesibilidad y estándares alineados con CNCF. Biblioteca de componentes: Elementos como tarjetas, tablas, navegación, botones y gráficos con variantes para temas y estados. Tokens de diseño: Colores, tipografía, espaciado e iconos basados en los principios de Backstage. Soporte de prototipado: Auto-layout e interacciones para prototipado rápido de portales. Directrices: Mejores prácticas para la experiencia del desarrollador e integración.

label.best_for

tokens de diseño: colores, tipografía, espaciado, y iconos basado en Backstage's principles. prototipado soporte: Auto-diseño y interactions para rapid portal prototipado. Guidelines: mejor practices para desarrollador experience y integración.

Características Principales

• biblioteca de componentes: Elements como cards, tables, navigation, buttons, y charts con variants para themes y states.
• tokens de diseño: colores, tipografía, espaciado, y iconos basado en Backstage's principles.
• prototipado soporte: Auto-diseño y interactions para rapid portal prototipado.
• Guidelines: mejor practices para desarrollador experience y integración.