Backstage Design System

プロダクト概要

Backstage Design Systemは、Spotifyのオープンソース開発者ポータルフレームワーク「Backstage」のための包括的なデザインシステムを提供するコミュニティFigmaファイルです。Backstageチームによって作成され、ソフトウェアカタログ、テクニカルドキュメント、プラグインのための一貫性のあるスケーラブルなインターフェースを保証するための再利用可能なUIコンポーネント、パターン、ガイドラインを含みます。数千のビューを獲得し、内部ツールを構築する開発者やデザイナーに理想的で、モジュール性、アクセシビリティ、CNCFに合致した標準に焦点を当てています。 コンポーネントライブラリ：テーマと状態のためのバリアントを備えたカード、テーブル、ナビゲーション、ボタン、チャートなどの要素。 デザイントークン：Backstageの原則に基づく色、タイポグラフィ、間隔、アイコン。 プロトタイピングサポート：迅速なポータルプロトタイピングのためのオートレイアウトとインタラクション。 ガイドライン：開発者体験と統合のためのベストプラクティス。

label.best_for

デザイントークン: 色, タイポグラフィ, 間隔, と アイコン ベース で Backstage's principles. プロトタイピング サポート: Auto-レイアウト と interactions のための rapid portal プロトタイピング. Guidelines: 最高 practices のための 開発者 experience と 統合.

主な機能

• コンポーネントライブラリ: Elements のような cards, tables, navigation, buttons, と charts を使った variants のための themes と states.
• デザイントークン: 色, タイポグラフィ, 間隔, と アイコン ベース で Backstage's principles.
• プロトタイピング サポート: Auto-レイアウト と interactions のための rapid portal プロトタイピング.
• Guidelines: 最高 practices のための 開発者 experience と 統合.