LANGUAGE

FIDO Design System

The FIDO Alliance Design System is an adaptable collection of UX principles, journeys, patterns, content, and UI Kit (a Figma file) created by the FIDO Alliance. Product designers, product managers, and engineers use it to kick-start their FIDO projects. This is version 1.0 of the FIDO Design System and it’ll be updated once a year or more.

Updated versions will account for passkeys.

Design System

UX research

In 2021 and 2022 the FIDO Alliance produced two sets of FIDO UX Guidelines. Each are about 20 pages. They’re the result of formal usability research conducted by BLINK UX, a third-party UX research firm, in collaboration with the FIDO Alliance UX Task Force and UX Committee. The FIDO Design System de-constructs these documents into dozens of reusable components — like Lego blocks — that can be used to help build almost any FIDO experience.

Principles

Learn about our values here at the FIDO Alliance.

Accessibility

Read the accessibility guidelines and resources. Use these guidelines to create FIDO deployments that are accessible to people with a wide range of disabilities.

Journeys

Zoom out to see the big picture FIDO UX goals and the process steps end users take to achieve them. Use FIDO journeys to orient your teams throughout your FIDO planning and deployment.

Patterns

Learn the common workflows and concepts applicable to many touch points across FIDO journeys . Use the FIDO UX patterns to help ensure your experiences are simple.

Content

Learn what user-tested button labels, phrases, symbols, and illustrations help people throughout FIDO experiences. Copy and paste content examples into your FIDO experience and edit as needed to suit your needs.

UI Kit

Use pre-built FIDO related animations, buttons, illustrations, notifications, logos, and symbols. Use FIDO’s Figma UI Kit to accelerate the creation of your FIDO prototypes.

Guidelines

Read two sets of FIDO UX Guidelines. They’re a result of formal usability research conducted by BLINK UX, a third-party UX research firm, in collaboration with the FIDO Alliance UX Committee.

Download Authn Specs
Sign up for updates!Get news from FIDO Alliance in your inbox.

By submitting this form, you are consenting to receive communications from: FIDO Alliance, 3855 SW 153rd Drive, Beaverton, OR 97003, US, http://www.fidoalliance.org. You can revoke your consent to receive emails at any time by using the unsubscribe link found at the bottom of every email.