Building a desktop design language with Flutter
summary
Promises a concrete recipe: shows how to implement a retro spinner widget end to end, drops into the widget/element/render object layers, and uses a custom RenderObjectWidget with explicit layout, painting, and setters for content and buttons. Demonstrates focus, keyboard handlers, mouse gestures, and Semantics for accessibility, packages it into the Chicago design language, and reimplements a 14‑year‑old invoice app with near pixel‑perfect results so the migration actually works.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:15Why build a desktop design language
- 3:15Flutters layered architecture
- 3:45Designing a widget
- 5:58Widget trees
- 6:30Render object widget
- 9:03Layout
- 9:57Widgets
- 11:30Keyboard Handling
- 13:29Conclusion
related talks
30mHow to build a desktop widget kit for Flutter apps
36mAchieving seamless experience with Flutter and Material Components
40mCreate simple, beautiful UI with Flutter
51mFlutter: How Widgets Work
37mBuilding a Design System in Flutter Within Everyone's Reach
32m"Flutter: How we're building a UI framework for tomorrow at Google"
42mAutopsy of a Widget
50mFlutter: The Wizards of Widgets