AWS Amplify

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

제품 개요

AWS Amplify Figma 키트는 AWS의 공식 Figma 커뮤니티 파일로, AWS Amplify 기반 애플리케이션에 맞춤화된 포괄적인 UI 컴포넌트 라이브러리를 제공합니다. 디자이너와 개발자가 AWS 디자인 시스템에 맞춰 일관되고 접근성 있는 인터페이스를 만들 수 있도록 돕습니다.

주요 기능

컴포넌트 라이브러리: 버튼, 입력 필드, 모달, 테이블, 차트 등 상태와 테마 변형이 포함된 사전 구축 요소를 제공합니다.
디자인 토큰: AWS Polaris 가이드라인에 기반한 색상, 타이포그래피, 간격, 아이콘을 제공합니다.
프로토타이핑 지원: 자동 레이아웃과 인터랙션으로 빠른 와이어프레이밍과 코드 전달이 가능합니다.
접근성: 내장된 ARIA 레이블과 의미론적 컴포넌트로 포용적인 디자인을 지원합니다.

장점

+방대한 아이콘 라이브러리
+색상 팔레트 생성
+접근성 대비 확인
+포괄적인 디자인 시스템

단점

-팀 전체의 도입이 필요함
-커스터마이징이 복잡할 수 있음

/// 스펙

가격:
Free
플랫폼:
Browser

ASSETS_DIRECTORY

figma

/// 유사 도구

Vuetify

Vuetify는 완벽한 Vue.js UI 프레임워크 그 strictly adheres 로 머티리얼 디자인하다 guidelines, 제공 풍부한 세트 의 컴포넌트 및 강력한 사용자 정의 capabilities.

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.

Naive UI

Naive UI는 Vue 3 컴포넌트 라이브러리 recommended 에 의한 Evan 당신, 제공 아름다운, high-performance, 및 highly 사용자 정의 가능 컴포넌트, entirely written 에서 TypeScript.

Animalia DS

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

Wix Design System

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