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.
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.
Learn about our values here at the FIDO Alliance.
Read the accessibility guidelines and resources. Use these guidelines to create FIDO deployments that are accessible to people with a wide range of disabilities.
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.
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.
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.
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.
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.