UI/UX Basics
This term refers to how easy and intuitive a product is to use.
Usability
Spacing between lines of text is called this.
What is Line height (leading)?
This Figma feature allows multiple designers to work on the same file at once
Real-time collaboration
The design principle that ensures text and elements are easy to see and distinguish.
Contrast
This principle ensures elements look balanced on a screen.
What is Visual Balance?
Used to create reusable UI elements like buttons or cards.
Components
A UX method used to understand users by observing their behaviors and needs.
User Research
A visual cue that shows an element is clickable (like a button change on hover).
Affordance
This feature lets you create clickable flows for demos and testing.
Prototyping
This UX artifact describes a fictional user based on real research data.
User Persona
The design principle that guides users’ eyes to important elements first.
Visual Hierarchy
A Figma feature that allows one component to have multiple states (e.g., hover, disabled).
Variants
The overall emotional response and perception a user has while interacting with a product.
User Experience
A UI animation that provides feedback to users after an action.
Microinteraction
This mode helps devs inspect spacing, colors, and CSS-like properties
Dev Mode