/course/flutter-ui-systems-lab
Flutter UI Systems Lab
Theme extensions, custom painters, and responsive breakpoints without widget soup.
Overview
You build a token-driven design layer in Flutter, wire golden tests, and stage an internal demo on both Material 3 and Cupertino cues. Focus stays on maintainable widget trees.
Included focus areas
- ColorScheme.fromSeed tuned to brand ramps
- Custom painters for chart sparklines
- LayoutBuilder + split constraints for foldables
- Golden tests with accessibility contrast assertions
- Integration with go_router for nested shells
- Performance overlay reading clinic
- ShaderMask subtleties for neon accents
Outcomes
- Publish a widget catalog page internally
- Lock two golden baselines in CI YAML sketch
- Document breakpoint decisions for design partners
Lead mentor
Sofia Nguyen
Cross-platform craft lead; ex-design systems contractor.
FAQ
Optional office hours; full design production is not included.
Mobile-first; web compile issues are noted but not exhaustively solved.
Pinned to stable channel noted in week zero; upgrades mid-course may require self-directed diffing.
Experience notes
“Golden test module in Flutter UI Systems Lab caught a contrast regression our manual QA missed.”
“Client in logistics — Custom painter week was dense; worth it for the sparkline reuse pattern.”