![Komponen kartu yang berisi gambar dan judul](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/basic-tutorial/card-component.png?authuser=9&hl=id)
Tutorial dasar ini menunjukkan alur kerja desainer dan developer Relay untuk memberikan Anda pengalaman pertama yang lengkap secara menyeluruh. Setelah menyiapkan plugin Relay, Anda dapat dengan cepat masuk ke tahap tempat UI muncul di Android Studio. Sebaiknya Anda tetap menggunakannya!
Tutorial ini membuat komponen kartu dasar di Figma, lalu mengimpornya ke Android Studio tempat Anda dapat melihat kode yang dibuat. Anda akan mempelajari cara melakukan hal berikut:
Dalam Figma:
- Mendesain komponen UI di Figma.
- Membuat Paket UI menggunakan plugin Figma.
- Menyimpan versi desain yang sudah diberi nama.
- Membagikan URL Figma kepada developer.
Di Android Studio:
- Mengimpor Paket UI ke dalam project menggunakan URL Figma.
- Membuat kode Jetpack Compose dengan mem-build project.
- Menambahkan referensi ke composable yang dibuat di kode UI project.
- Menjalankan project.
Langkah berikutnya
Pertama, mari buat desain dan Paket UI di Figma.