SKILL
UI Design Basics (Figma)
Visual hierarchy, auto-layout, and handoffs that do not torture developers
Beginner
Problem-based 1-screen redesign plus click prototype
Intermediate
Mini 5-10-component design system plus style guide
Advanced
Multi-screen flows, responsive behavior, handoff docs
Practice task
Redesign one app screen you find clunky: build 2 versions, document every decision (spacing, hierarchy, contrast, accessibility), and put before/after with annotations in one Figma frame
Pass test
Pass test: present it to 1 designer. You pass if both versions sit in one frame, every decision has a written reason, text contrast meets WCAG AA, and you can point to the old problem in the before and after with visual evidence.
Portfolio evidence
Before-after Figma link plus prototype
Common mistake
Pretty designs that do not solve the self-written user problem
USED IN THESE ROLES
STUCK OR UNSURE?
bring your learning to a 1-on-1All materials are free to study. If positioning, portfolio, or apply strategy stalls, we dissect it together.