Atlassian Design System

プロダクト概要

Atlassian Design System（ADS）は、Jira、Confluence、Trelloなどの製品全体で一貫性のある、スケーラブルでアクセシブルなユーザーエクスペリエンスを構築するためのAtlassianの公式フレームワークです。ブランドの調整と開発者-デザイナーのコラボレーションを保証するための再利用可能なUIコンポーネント、デザイントークン、パターン、ガイドラインを提供します。システムはFigmaライブラリとドキュメンテーションを備えたオープンソースで、モダンな標準のために定期的に更新されています。 コンポーネントライブラリ：バリアントと状態を備えたボタン、フォーム、ナビゲーション、データ表示などの再利用可能な要素。 デザイントークン：テーマの一貫性のためのセマンティックカラー、タイポグラフィ、間隔、アイコン、モーション。 Figmaキット：迅速なプロトタイピングのためのオートレイアウトコンポーネントを備えた公式コミュニティファイル。 ガイドライン：アクセシビリティ、レスポンシブ性、包括的なデザインのためのベストプラクティス。

label.best_for

デザイントークン: Semantic 色, タイポグラフィ, 間隔, アイコン, と motion のための theme consistency. Figma キット: Official コミュニティ file を使った auto-レイアウト コンポーネント のための rapid プロトタイピング. Guidelines: アクセシビリティ, responsiveness, と 最高 practices のための inclusive デザインする.

主な機能

• コンポーネントライブラリ: Reusable elements のような buttons, forms, navigation, と データ displays を使った variants と states.
• デザイントークン: Semantic 色, タイポグラフィ, 間隔, アイコン, と motion のための theme consistency.
• Figma キット: Official コミュニティ file を使った auto-レイアウト コンポーネント のための rapid プロトタイピング.
• Guidelines: アクセシビリティ, responsiveness, と 最高 practices のための inclusive デザインする.