Questo tutorial di base mostra il flusso di lavoro di sviluppo e progettazione per Relay, fornendo un'esperienza end-to-end completa completa. Dopo la configurazione del plug-in Relay, puoi accedere rapidamente alla fase in cui puoi visualizzare l'interfaccia utente in Android Studio. Ti invitiamo a seguirci.
Il tutorial crea un componente di base della scheda in Figma e lo importa in Android Studio, dove puoi visualizzare il codice generato. Imparerai a:
In Figma:
- Progetta un componente dell'interfaccia utente in Figma.
- Crea un pacchetto UI utilizzando il plug-in Figma.
- Salva una versione denominata del design.
- Condividi l'URL Figma con gli sviluppatori.
In Android Studio:
- Utilizzando l'URL Figma, importa il pacchetto UI in un progetto.
- Genera il codice Jetpack Compose creando il progetto.
- Aggiungi un riferimento al componibile generato nel codice UI del progetto.
- Esegui il progetto.
Passaggio successivo
Per prima cosa, crea il nostro design e crea un pacchetto UI in Figma.