Prototyping & Tools
Turn ideas into testable artifacts — fidelity, wireflows, the modern tool landscape, and dev handoff.
- Intermediate
Fidelity Spectrum: Lo-Fi, Mid-Fi & Hi-Fi
Choosing the right prototype fidelity for the right question saves weeks of rework — learn how to match fidelity to purpose across every stage of a design process.
- Intermediate
Wireframing, Wireflows & Promptframes
Master the three artifacts that bridge raw ideas and testable prototypes — from skeletal layouts to flow-mapped wireframes and AI-assisted promptframes.
- Intermediate
Prototyping Methods: Paper to High-Fidelity Interactive
Choosing the wrong prototype fidelity wastes weeks — learn how to match method to moment, from paper sketches to fully interactive Figma flows.
- Intermediate
Design Tooling Landscape (Figma, Sketch, Penpot, ProtoPie)
A practitioner's map of the 2026 design tool ecosystem — where Figma dominates, where open-source challengers fit, and when to reach for a specialist like ProtoPie.
- Intermediate
Design-to-Dev Handoff (Dev Mode, Code Connect)
Closing the gap between a finished Figma file and production-quality code requires more than a shared link — learn how modern handoff tools, token pipelines, and Code Connect eliminate the drift.
- Intermediate
Design Version Control & Branching
Version control for design files prevents lost work, enables parallel exploration, and turns handoff into a traceable, single-source-of-truth workflow.
- Intermediate
AI in Design Tools: Capabilities & Limits
Practical fluency in AI-assisted design — where generative, analytical, and automation features genuinely accelerate work, and where they break down in ways that cost you.
- Intermediate
Responsive & Multi-Platform Prototyping
Prototyping across screen sizes and platforms is where layout assumptions break — learn the modern toolkit, mental models, and techniques that keep designs honest before a single line of code is written.
- Intermediate
Prototyping for Accessibility States
Designing and testing the full spectrum of interactive states — focus, error, disabled, loading, and more — is what separates accessible prototypes from beautiful but broken ones.
- Intermediate
The Design Engineer Role
Sitting at the intersection of design craft and front-end code, design engineers close the fidelity gap that handoff tools alone can never fully bridge.
- Intermediate
Prompting AI Tools for Design & Build
Prompting is now a core design skill — how to brief AI tools to get usable design work, iterate conversationally, and review the output critically.