Getting started on Android UI design hub
summary
Shows how the Android Mobile Figma Kit plus a Figma-to-Android workflow produces ready UI code: import a mobile design, switch the design system to Material 2 or 3, export component code and paste into Android Studio as Jetpack Compose snippets. Demonstrates Bottom Navigation and a NavRail for large screens, uses the Relay plugin to sync Figma with Android Studio, and reports the end-to-end conversion cuts weeks of manual layout work down to minutes and works in practice.
AI-written summary · about
chapters (9)
- 0:00Intro
- 0:27About Hannah
- 1:37Agenda
- 2:21What is Android Design Hub
- 12:47Guidelines
- 15:21Navigation
- 16:51Recap
- 18:26Importing UI packages
- 19:38Wrap up
related talks
32mA Designer’s Challenge: Trying Android Engineering
34mDesign System Driven Android Development: A Guide to Automation Tools
45mHow We Built a Design System in Jetpack Compose
44mUnleashing the Power of Jetpack Compose: Revolutionizing Android UI Development
06mReimagining designer-developer handoff: Introducing Relay
01h 05mLet's build Android UI with Jetpack Compose
15mBuild beautiful Material Design apps with Jetpack Compose
38mFrom Android View to Jetpack Compose — A Guide to Migrating to Jetpack Compose