Tutoriel n°5 : Stylez votre projet à partir d'un design Figma 

Étape 9 : Styliser les éléments de la page #4

Le dernier élément à styliser est le bouton. Cliquez dessus dans Figma, copiez le CSS (même la Width et la Height pour celui-ci) et revenez dans le Studio : cherchez le composant Style dans la palette, glissez et déposez-le directement dans le bouton de l'App Viewer, ouvrez le style et collez votre CSS. (N'oubliez pas le "--" au début de chaque ligne).
CTRL + S dans l'éditeur pour appliquer le CSS.

Vous avez maintenant tous vos éléments affichés visuellement comme dans Figma.

Cependant, la disposition de la page ne correspond toujours pas au design de Figma : Nous allons y remédier dans l'étape suivante.
Succès !

Vous avez terminé cette étape avec succès, veuillez cliquer sur le bouton Étape suivante pour passer à l'étape suivante du tutoriel.
Fermer
Vous n'avez pas effectué toutes les actions requises dans cette étape, êtes-vous sûr de vouloir passer à l'étape suivante ?