● オンライン
Backstage Design System

Backstage Design System

Figma キット のための Backstage 開発者 portals を使った UIコンポーネント と guidelines.

無料デザインシステム

プロダクト概要

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 と 統合.

メリット

  • +オープンソース
  • +リアルタイムコラボレーション
  • +豊富なアイコンライブラリ
  • +カラーパレット生成

デメリット

  • -導入にはチームの合意が必要
  • -カスタマイズが複雑になる場合あり

/// スペック

  • 価格:free
  • プラットフォーム:
    Browser
ASSETS_DIRECTORY
/// 関連ツール