Week 9: Pr0duct L4nd1ng - C0d3d

DESN 368 · Spring 2026 · Week 9

Assignments & Activities This Week

P4.3 - Critique // Product Landing Page via Figma Comments
Assignment · 25 pts
wk 9 - EXTRA CREDIT == > r&d // weekly visual notes - variables, animations, and transforms
Assignment
P4.4 - Code // Product Landing Page
Assignment · 100 pts
wk 9 - EXTRA CREDIT ==> tutorial // grid, transforms, and animations tutorial
Assignment
P4 Cut-Up Checkpoint - agentic web design
Assignment · 30 pts

Interactive Tutorials Hands-on

P4 Cut-Up — Figma to Semantic HTML5
Translate a Figma design into clean semantic HTML5 using AI as a co-coder.
ScrollTrigger Patterns
Scroll as a design material — animation patterns with GSAP ScrollTrigger.
Animating SVG Icons with GSAP
Prompt-first mode — animate SVG icons with GSAP and AI assistance.