Design exercises
Put your skills
into practice.
Practice research, systems, motion, and more with guided projects. Each one includes a brief, clear steps, and criteria to help you review your work.
Guided practice across 12 career paths
Find your next exercise
23 exercises
Your First User Interview
Hands-on project to practice research skills
Branding → UX Design
intermediate3–4 hours3 partsRedesign with Research
End-to-end portfolio project from research to design
Branding → UX Design
advanced15–20 hours over 2 weeks5 partsBuild a Token Pipeline
Set up a W3C-compliant token system with Style Dictionary and CSS custom properties
Design Systems Specialist
intermediate4–6 hours4 partsAudit an Existing Design System
Practice assessing token coverage, component quality, and documentation gaps
Design Systems Specialist
intermediate3–4 hours5 partsBuild an Accessible Component from Scratch
Implement a fully accessible component with compound patterns and ARIA
Design Engineering / Design Systems Specialist
intermediate4–5 hours5 partsDesign Token Pipeline Project
Build a complete token pipeline from Figma to CSS custom properties
Design Engineering
advanced6–8 hours4 partsCase Study Workshop
Structure, write, and get feedback on a portfolio case study
Junior → Mid-Level UX
intermediate4–6 hours4 partsConversation Reflection
Self-assessment practice for identifying growth areas
Junior → Mid-Level UX
beginner1–2 hours4 partsBuild Your Impact Dashboard
Define and track the metrics that demonstrate your design impact
Mid → Senior Product Designer
intermediate3–4 hours4 partsWrite a Hiring Rubric
Create an evaluation framework for your next design hire
IC → Design Manager
intermediate3–4 hours4 partsCareer Pathing Template
Build a growth plan for a direct report using competency matrices
IC → Design Manager
beginner2–3 hours4 partsCampaign-to-Product Redesign
Take a marketing landing page and redesign it as a product feature with states, flows, and edge cases
Marketing → Product Design
advanced6–8 hours4 partsBuild a Component Library in Figma
Create a systematic component library with variants, auto layout, and documented states
Graphic Design → UI Design
intermediate4–5 hours4 partsResponsive Redesign
Take a print layout and redesign it for mobile, tablet, and desktop with proper breakpoints and token-based color
Graphic Design → UI Design
intermediate4–5 hours5 partsEnd-to-End Feature Design
Research, design, prototype, and spec a feature from scratch
Product Design
advanced10–15 hours5 partsDesign Critique Practice
Give and receive structured feedback on a design in progress
Product Design
beginner2–3 hours4 partsConduct a User Interview
Plan a screener, write a discussion guide, moderate a session, and synthesize findings
UX Researcher
intermediate4–5 hours4 partsUsability Test Workshop
Run a think-aloud usability test, apply severity ratings, and present findings with recommendations
UX Researcher
intermediate5–6 hours4 partsGSAP Scroll Animation
Build a scroll-triggered animation sequence with GSAP ScrollTrigger and staggered reveals
Motion & Interaction Design
intermediate3–4 hours5 partsBuild a Motion Token Scale
Define duration, easing, and delay tokens following Material Design 3's token model
Motion & Interaction Design
intermediate3–4 hours5 partsReduced Motion Audit
Audit a page for motion and implement meaningful prefers-reduced-motion alternatives
Motion & Interaction Design
beginner2–3 hours4 partsBrand Identity Sprint
Design a complete visual identity system for a fictional brand: strategy, logo, type, color, guidelines
Brand Design
advanced12–15 hours3 partsBrand-to-Token Translation
Take an existing brand's visual identity and map it to a three-tier design token architecture
Brand Design
intermediate3–4 hours6 parts