● オンライン
Animalia DS

包括的 デザインシステム のための consistent UIコンポーネント と guidelines で Animali apps.

無料デザインシステム

プロダクト概要

Animalia DS(doc.animaliads.io)は、Animaliaのデザインシステムの公式ドキュメンテーションで、Animaliの製品とアプリ全体で一貫性のあるアクセシブルなユーザーインターフェースを構築するための統一されたフレームワークを提供します。スケーラビリティとブランドの調整を保証するための詳細なガイドライン、コンポーネントライブラリ、ベストプラクティスを含みます。 コンポーネントライブラリ:バリアントを備えたボタン、フォーム、ナビゲーション、カードなどの再利用可能なUI要素。 スタイルガイドライン:色、タイポグラフィ、間隔、アイコン、モーションの仕様。 アクセシビリティ:ARIA準拠のコンポーネントと包括的なデザイン原則。 統合:迅速なプロトタイピングのためのFigmaファイルとコードスニペット。

label.best_for

Style Guidelines: Specs のための 色, タイポグラフィ, 間隔, アイコン, と motion. アクセシビリティ: ARIA-compliant コンポーネント と inclusive デザインする principles. 統合: Figma files と コード snippets のための rapid プロトタイピング.

主な機能

  • コンポーネントライブラリ: Reusable UI elements のような buttons, forms, navigation, と cards を使った variants.
  • Style Guidelines: Specs のための 色, タイポグラフィ, 間隔, アイコン, と motion.
  • アクセシビリティ: ARIA-compliant コンポーネント と inclusive デザインする principles.
  • 統合: Figma files と コード snippets のための rapid プロトタイピング.

メリット

  • +豊富なアイコンライブラリ
  • +カラーパレット生成
  • +アクセシビリティのコントラスト確認
  • +スムーズなアニメーション機能

デメリット

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

/// スペック

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