プロダクト概要
Cloudscape Design Systemは、Amazon Web Services(AWS)のオープンソースデザインシステムで、クラウド管理コンソールやエンタープライズアプリケーションで直感的、アクセシブル、スケーラブルなユーザーエクスペリエンスを構築するためのものです。AWSサービスとサードパーティアプリ全体で一貫性を保証するための包括的なUIコンポーネント、パターン、ガイドライン、ツールのセットを提供し、アクセシビリティ(WCAG準拠)、国際化、React実装による開発効率を強調しています。 コンポーネントライブラリ:ライト/ダークモードのためのバリアントを備えたテーブル、フォーム、ナビゲーション、モーダル、データビジュアライゼーションなどの再利用可能な要素。 ガイドライン:色、タイポグラフィ、アイコン、間隔、モーション、ボイス&トーンの詳細な仕様。 ツール:プロトタイピングのためのFigmaキット、実装のためのReactコンポーネント、ベストプラクティスのためのドキュメンテーション。 アクセシビリティとグローバルサポート:組み込みのARIA、キーボードナビゲーション、多言語対応。
label.best_for
Guidelines: Detailed specs のための 色, タイポグラフィ, アイコン, 間隔, motion, と 音声 & tone. ツール: Figma キット のための プロトタイピング, React コンポーネント のための implementation, と documentation のための 最高 practices. アクセシビリティ & Global サポート: 内蔵 ARIA, keyboard navigation, と multi-language readiness.
主な機能
- コンポーネントライブラリ: Reusable elements のような tables, forms, navigation, modals, と データ visualizations を使った variants のための light/dark modes.
- Guidelines: Detailed specs のための 色, タイポグラフィ, アイコン, 間隔, motion, と 音声 & tone.
- ツール: Figma キット のための プロトタイピング, React コンポーネント のための implementation, と documentation のための 最高 practices.
- アクセシビリティ & Global サポート: 内蔵 ARIA, keyboard navigation, と multi-language readiness.
メリット
- +オープンソース
- +クラウドベース、インストール不要
- +豊富なアイコンライブラリ
- +カラーパレット生成
デメリット
- -導入にはチームの合意が必要
- -カスタマイズが複雑になる場合あり
/// スペック
- 価格:free
- プラットフォーム:Browser



