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.

주요 기능

컴포넌트 라이브러리: Reusable UI elements 같은 buttons, forms, navigation, 및 cards 를 사용한 variants.
Style Guidelines: Specs 를 위한 색상, 타이포그래피, 간격, 아이콘, 및 motion.
접근성: ARIA-compliant 컴포넌트 및 inclusive 디자인하다 principles.
통합: Figma files 및 코드 snippets 를 위한 rapid 프로토타이핑.

장점

+방대한 아이콘 라이브러리
+색상 팔레트 생성
+접근성 대비 검사
+부드러운 애니메이션 기능

단점

-도입 시 팀 조율 필요
-커스터마이징이 복잡할 수 있음

/// 스펙

가격:
Free
플랫폼:
Browser

ASSETS_DIRECTORY

figma

/// 유사 도구

AWS Amplify

AWS 디자인 언어로 Amplify 기반 앱을 구축하기 위한 Figma 컴포넌트입니다.

Animate UI

Animate UI는 무료 오픈소스 React 컴포넌트 라이브러리 를 사용한 Tailwind 및 Framer Motion animations, inspired 에 의한 shadcn/UI, 로 effortlessly elevate 웹 interfaces.

shadcn/ui

shadcn/ui는 복사하여 붙여넣을 수 있는 고도로 커스터마이징 가능한 React UI 컴포넌트 컬렉션으로, Tailwind CSS와 완벽하게 통합됩니다.

Airtable UI Kit

Figma 컴포넌트 를 위한 디자인 중 Airtable-integrated apps 를 사용한 consistent UI 패턴.

Backstage Design System

Figma 키트 를 위한 Backstage 개발자 portals 를 사용한 UI 컴포넌트 및 guidelines.

Base Gallery

Figma 커뮤니티 file showcasing 컬렉션 의 UI 컴포넌트 를 위한 디자인하다 영감 및 프로토타이핑.

Atlassian Design System

포괄적인 guidelines 및 Figma 컴포넌트 를 위한 consistent, accessible product interfaces.

Carbon Design System

IBM's 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise products.

Cloudscape Design System

AWS 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise 클라우드 applications.

Wix Design System

Wix 앱 디자인의 일관성을 위한 UI 컴포넌트와 가이드라인을 제공하는 포괄적인 Figma 라이브러리입니다.