Intro to UI design and FIgma

Mastering Size & Visual Hierarchy: Learn how to use scale to control user attention, covering essential standards for typography sizing, responsive imagery, and designing accessible buttons that work for both mouse cursors and touch targets.

Typography Systems & Rules: Go beyond simple font selection by applying professional typesetting rules. We cover line height, letter spacing, and type scales to ensure your text is legible, readable, and visually balanced.

Deep Dive into Color Theory: Move from basic color selection to strategic application. Understand the Color Wheel, differentiate between Warm and Cold tones, and apply the 60-30-10 Rule to create balanced palettes. We also explore Color Psychology to influence user emotion and strict Contrast rules for accessibility.

Layouts, Grids, & Anatomy: Build structurally sound designs using professional grid systems (Columns, Gutters, and Margins). Learn when to use specific grid types and how to maintain consistency across different screen sizes.

Spacing & Composition: Master the art of "invisible design" by effectively using Whitespace and Proximity. We clarify the technical differences between Padding and Margin and teach you how to arrange content using F-Patterns and Z-Patterns to match natural eye-scanning behaviors.

Figma Interface Essentials: A practical walkthrough of the industry-standard tool, ensuring you are comfortable navigating the canvas, layers panel, and design properties to start building your ideas.