Backstage Design System

Kit de Figma para portales de desarrolladores de Backstage con componentes de UI y pautas.

Descripción General

Backstage Design System es un archivo comunitario de Figma que proporciona un sistema de diseño integral para Backstage, el framework de portal para desarrolladores de código abierto de Spotify. Creado por el equipo de Backstage, incluye componentes de UI reutilizables, patrones y pautas para garantizar interfaces consistentes y escalables para componentes y servicios de software.

Ideal para

Ideal para desarrolladores y diseñadores que construyen interfaces consistentes y escalables para portales de desarrolladores de Backstage.

Características Principales

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.
Pautas: Mejores prácticas para experiencia del desarrollador e integración.

Pros

+Código abierto
+Colaboración en tiempo real
+Biblioteca extensa de iconos
+Generación de paletas de colores

Contras

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

/// ESPECIFICACIONES

Precio:
Free
Plataforma:
Browser

ASSETS_DIRECTORY

figma

/// Herramientas Similares

AWS Amplify

Componentes de Figma para construir aplicaciones con Amplify con un lenguaje de diseño AWS coherente.

Animalia DS

sistema de diseño integral para componentes de UI y pautas consistentes en aplicaciones Animali.

Elastic UI

Framework React open-source Elastic interfaces empresariales

Animate UI

Animate UI es una biblioteca de componentes React gratuita y de código abierto con animaciones de Tailwind y Framer Motion, inspirada en shadcn/ui, para mejorar interfaces web sin esfuerzo.

Airtable UI Kit

Componentes de Figma para diseñar aplicaciones integradas con Airtable con patrones de UI consistentes.

Base Gallery

Archivo comunitario de Figma que muestra una colección de componentes de UI para inspiración de diseño y prototipado.

Atlassian Design System

pautas integrales y componentes de Figma para interfaces de producto consistentes y accesibles.

Carbon Design System

Marco UI open-source de IBM para productos empresariales coherentes y accesibles.

Cloudscape Design System

Framework UI open-source AWS aplicaciones cloud empresariales

Wix Design System

biblioteca completa de Figma con componentes de UI y pautas para diseños consistentes de aplicaciones Wix.