● 온라인
Animalia DS

포괄적인 디자인 시스템 를 위한 consistent UI 컴포넌트 및 guidelines 에서 Animali apps.

제품 개요

Animalia DS (doc.animaliads.io) is the official documentation for Animalia's design system, providing a unified framework for building consistent, accessible user interfaces across Animali products and apps. It includes detailed guidelines, component libraries, and best practices to ensure scalability and brand alignment for designers and developers. Component Library: Reusable UI elements like buttons, forms, navigation, and cards with variants. Style Guidelines: Specs for colors, typography, spacing, icons, and motion. Accessibility: ARIA-compliant components and inclusive design principles. Integration: Figma files and code snippets for rapid prototyping.

추천 대상

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
/// 유사 도구