UX Fundamentals
Design Systems
Figma Facts
Typography
Colour
100
This man, a professor and researcher in design, usability, and cognitive science, coined the term "user experience", in the 1990s.
Who is Don Norman?
100
This documentation tool lets devs interact with live components.
What is Storybook?
100
This Figma feature lets multiple people work on the same file at once.
What is real-time collaboration?
100
This is the space between individual letters.
What is kerning?
100
What the "K" stands for in CMYK.
What is black (or registration)?
200
This UX deliverable outlines different types of users.
What is a persona?
200
These are the smallest reusable building blocks in atomic design.
What are atoms?
200
This feature lets you reuse UI elements with overrides.
What is a component?
200
This typeface is the most commonly used digital font.
What is Helvetica?
200
This is the minimum color contrast ratio recommended for body text to pass the WCAG AA accessible color contrast guidelines.
What is 4.5:1?
300
This term describes how easy and pleasant a product is to use.
What is usability?
300
This accessibility feature should be defined for every interactive component.
What is a focus state?
300
This type of layer container allows you to scale child elements according to the parent dimensions.
What is a group?
300
This unit of measurement is used to define font sizes according to the size of the root element.
What is rem?
300
This a term used to describe colours that are opposite from each other on the colour wheel.
What are complementary colours?
400
This type of card sorting provides predefined categories for participants to sort into.
What is closed card sorting?
400
This file type often stores design token values in a platform-agnostic format.
What is a JSON file?
400
You can use this feature to create multiple states of a component.
What are variants?
400
In 1450, Johann Gutenburg was first credited with perfecting the system for printing type in which book?
What is the Bible?
400
This type of colour blindness is caused by a deficiency in the green-sensing cones in the retina, making it difficult to distinguish between red and green colours.
What is Deuteranopia (or Protanopia)?
500
This law states that users will choose the option that is easiest.
What is Hick's Law?
500
This kind of testing ensures visual components render consistently.
What is visual regression testing?
500
This Figma keyboard shortcut allows you to detach components.
What is cmd/ctrl + opt/alt + B?
500
This typeface, shown on the poster below for Stanley Kubrick's 2001: a space odyssey, was originally designed by Paul Renner and released in 1927.
What is Futura?
500
This color, described as a warm, rich brown hue that evokes feelings of comfort and sophistication, was selected by Pantone as the 2025 colour of the year.
What is Mocha Mousse?