Skip to main content

FIDO의 Figma 키트

FIDO Alliance에는 두 가지 무료 Figma UI 키트가 있습니다. 각각 패스키로 작업을 시작하게 해주는 바로 사용 가능하고 사용자 지정 가능한 UI 구성 요소 모음이 들어 있습니다. 이를 사용하여 패스키 인터페이스의 프로토타입 및 기타 모형을 빠르게 제작할 수 있습니다.

키트 사용 단계는 다음과 같습니다.

  1. FIDO의 Figma 커뮤니티 페이지로 이동
  2. (선택 사항) 키트에 있는 페이지를 복사하지 않고 찾아보기
  3. Figma 환경에 UI 키트 복사
  4. 필요한 구성 요소 복사
  5. 또는 키트를 일반 UI 패턴에 대한 빠른 참조 자료로 사용

패스키 운영 체제 대화 상자 키트

패스키 운영 체제 대화 상자 키트에는 모바일 및 데스크톱 운영 체제용 패스키와 관련된 일반적인 사용자 인터페이스 대화 상자가 들어 있습니다. 이 키트의 워크플로 다이어그램을 참조로 사용하고 완전 편집 가능한 Figma 구성 요소를 조직의 자체 목업에 사용할 수 있습니다. 이 키트에는 다음에 대한 운영 체제 사용자 인터페이스 대화 상자가 들어 있습니다.

  • iOS
  • Android
  • macOS Chromium
  • macOS Safari
  • Windows Chromium
  • Windows Edge

패스키용 웹사이트 사용자 인터페이스 샘플

패스키 프로토타입 키트에는 디자인 지침에 있는 DigitalFilesDigitalBiz 사용자 인터페이스가 들어 있습니다. UI 키트를 사용하여 나만의 프로토타입 작업을 시작할 수 있습니다. 이 UI 키트에는 다음을 포함하여 사전 빌드된 패스키 자산이 들어 있습니다.

  • 애니메이션
  • 접근성 정보
  • 레이아웃(예: 패스키 카드 인터페이스)
  • 아이콘
  • 일러스트레이션
  • 프로토타입(사용자 경험 연구에서 FIDO Alliance가 사용하는 것과 동일한 프로토타입)
  • 기호