Achieving seamless experience with Flutter and Material Components
summary
Shows how updated Material Components plus Flutter actually produce a themed, cross‑platform UI: use the Sketch Material Theme Editor to generate a color/typography/icon system, upload artboards to gallery.io to get live redlines and component attributes, then implement with Flutter widgets and hot reload. Demonstrates building a Shrine-like UI and a Startup Namer demo, running on iPhone 8 and Nexus 5, keeping platform back/up behavior and custom motion, and iterating quickly — it works end to end.
AI-written summary · about
chapters (8)
- 0:00Introduction to Material Design
- 3:26Revisiting Material Principles
- 8:52Designing with Material Editor
- 15:12Handoff with Gallery.io
- 20:21Flutter for Fast Development
- 26:45Live Flutter Demo
- 33:03Getting Started with Flutter
- 35:37Q&A
related talks
36mAdvanced Material Components and Theming in Flutter
49mFirst Flutter, then Fly: Build Reactive & Performant Cross-Platform Apps
40mCreate simple, beautiful UI with Flutter
32mBeyond Mobile: Material Design, Adaptable UIs, and Flutter
36mMaterial Theming: Build Expressively with Material Components
22mIntroduction to Flutter
41mPortable Material: Flutter physical models
32m"Flutter: How we're building a UI framework for tomorrow at Google"