📱 Best viewed on desktop. Mobile navigation available at bottom.

DESN378: Code+Design 2 Winter 2026

Wiring Up the Nervous System. Sense. Respond. Adapt.

22 students 11 weeks 5 hours/week:in-class 10 hours/week:at home
week-5/

Week 5: The Blueprint

"What's the story you want to tell, and what does it look like?"

Curriculum content for this week is coming soon.

What you'll learn

  • Choose a personal metaphor that maps JavaScript concepts to familiar experience
  • Design a scrollytelling site layout in Figma with 5–7 narrative sections
  • Create a complete design system in Figma (primitives, semantic tokens, typography, spacing)
  • Set up Figma variables with modes (light/dark if applicable)
  • Export Figma variables to CSS custom properties (`tokens.css`)
  • Map each JS concept learned so far to a chapter in their metaphor
  • Evaluate a metaphor's clarity by explaining it to a partner