● ONLINE
Backstage Design System

Backstage Design System

Figma Kit für Backstage Entwickler portals mit UI-Komponenten und guidelines.

KostenlosDesign-Systeme

Produktübersicht

Das Backstage Design System ist eine Community-Figma-Datei, die ein umfassendes Design-System für Backstage bietet, Spotifys quelloffenes Entwickler-Portal-Framework. Vom Backstage-Team erstellt, umfasst es wiederverwendbare UI-Komponenten, Muster und Richtlinien, um konsistente, skalierbare Oberflächen für Software-Kataloge, Tech-Docs und Plugins sicherzustellen. Mit Tausenden Aufrufen ist es ideal für Entwickler und Designer, die interne Werkzeuge bauen, mit Fokus auf Modularität, Barrierefreiheit und CNCF-konforme Standards. Komponenten-Bibliothek: Elemente wie Karten, Tabellen, Navigation, Schaltflächen und Diagramme mit Varianten für Themes und Zustände. Design-Tokens: Farben, Typografie, Abstände und Icons basierend auf Backstages Prinzipien. Prototyping-Support: Auto-Layout und Interaktionen für schnelles Portal-Prototyping. Richtlinien: Best Practices für Entwickler-Erlebnis und Integration.

label.best_for

gestalten-Tokens: Farben, Typografie, Abstand, und Symbole basiert auf Backstage's principles. Prototyping Unterstützung: Auto-Layout und interactions für rapid portal Prototyping. Guidelines: beste practices für Entwickler experience und Integration.

Hauptfunktionen

  • Komponentenbibliothek: Elements wie cards, tables, navigation, buttons, und charts mit variants für themes und states.
  • gestalten-Tokens: Farben, Typografie, Abstand, und Symbole basiert auf Backstage's principles.
  • Prototyping Unterstützung: Auto-Layout und interactions für rapid portal Prototyping.
  • Guidelines: beste practices für Entwickler experience und Integration.

Vorteile

  • +Open Source
  • +Echtzeit-Zusammenarbeit
  • +Umfangreiche Symbolbibliothek
  • +Farbpalettengenerierung

Nachteile

  • -Einführung erfordert Teamabstimmung
  • -Anpassung kann komplex sein

/// SPEZIFIKATIONEN

  • Preis:free
  • Plattform:
    Browser
ASSETS_DIRECTORY
/// Ähnliche Tools