Panoramica

Componente scheda con immagine e titolo

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:

  1. Progetta un componente dell'interfaccia utente in Figma.
  2. Crea un pacchetto UI utilizzando il plug-in Figma.
  3. Salva una versione denominata del design.
  4. Condividi l'URL Figma con gli sviluppatori.

In Android Studio:

  1. Utilizzando l'URL Figma, importa il pacchetto UI in un progetto.
  2. Genera il codice Jetpack Compose creando il progetto.
  3. Aggiungi un riferimento al componibile generato nel codice UI del progetto.
  4. Esegui il progetto.

Passaggio successivo

Per prima cosa, crea il nostro design e crea un pacchetto UI in Figma.