● オンライン
AWS Amplify

Figma コンポーネント のための 構築 Amplify-powered apps を使った consistent AWS デザイン言語.

無料デザインシステム

プロダクト概要

AWSの公式Figmaコミュニティファイルで、AWS Amplify搭載アプリケーションに合わせた包括的なUIコンポーネントライブラリを提供します。デザイナーと開発者がAWSのデザインシステムに合致した一貫性のあるアクセシブルなインターフェースを作成できるようにし、ボタン、フォーム、ナビゲーション、データ表示、レスポンシブ要素を含みます。10k以上のビューと200以上のいいねを獲得し、Amplifyベースのウェブおよびモバイルアプリのプロトタイピングに理想的で、スケーラビリティとブランドの調整を保証します。 コンポーネントライブラリ:状態とテーマのためのバリアントを備えたボタン、入力、モーダル、テーブル、チャートなどの事前構築要素。 デザイントークン:AWS Polarisガイドラインに基づく色、タイポグラフィ、間隔、アイコン。 プロトタイピングサポート:迅速なワイヤーフレーミングとコードへの引き継ぎのためのオートレイアウトとインタラクション。 アクセシビリティ:包括的なデザインのための組み込みARIAラベルとセマンティックコンポーネント。

label.best_for

デザイントークン: 色, タイポグラフィ, 間隔, と アイコン ベース で AWS Polaris guidelines. プロトタイピング サポート: Auto-レイアウト と interactions のための rapid ワイヤーフレーミング と handoffにコード. アクセシビリティ: 内蔵 ARIA labels と semantic コンポーネント のための inclusive デザインする.

主な機能

  • コンポーネントライブラリ: Pre-構築された elements のような buttons, inputs, modals, tables, と charts を使った variants のための states と themes.
  • デザイントークン: 色, タイポグラフィ, 間隔, と アイコン ベース で AWS Polaris guidelines.
  • プロトタイピング サポート: Auto-レイアウト と interactions のための rapid ワイヤーフレーミング と handoffにコード.
  • アクセシビリティ: 内蔵 ARIA labels と semantic コンポーネント のための inclusive デザインする.

メリット

  • +豊富なアイコンライブラリ
  • +カラーパレット生成
  • +アクセシビリティのコントラスト確認
  • +包括的なデザインシステム

デメリット

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

/// スペック

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