![Composant de fiche, avec image et titre](https://developer.android.google.cn/static/develop/ui/compose/tooling/relay/images/basic-tutorial/card-component.png?authuser=19&hl=fr)
Ce tutoriel de base, qui présente les workflows de concepteur et de développeur pour Relay, offre une expérience complète aux novices. Une fois le plug-in Relay configuré, vous accéderez rapidement à l'étape où vous pourrez voir l'interface utilisateur s'afficher dans Android Studio. Ne vous découragez surtout pas !
Le tutoriel crée un composant de fiche de base dans Figma et l'importe dans Android Studio, où vous pouvez consulter le code généré. Vous découvrirez comment effectuer les opérations suivantes :
Dans Figma :
- Concevoir un composant d'interface utilisateur dans Figma
- Créer un package UI à l'aide du plug-in Figma
- Enregistrer une version nommée de la conception
- Partager l'URL Figma avec les développeurs
Dans Android Studio :
- Importer le package UI dans un projet à l'aide de l'URL Figma
- Générer le code Jetpack Compose en compilant le projet
- Ajouter une référence au composable généré dans le code d'UI du projet
- Exécuter le projet
Étape suivante
Tout d'abord, voyons comment élaborer notre conception et créer un package d'interface utilisateur dans Figma.