CATALOGUE Design et Infographie Formation Figma Atelier Figma - Design d'application Intégration d'un Clavier iPhone dans Figma pour RainAlert

Intégration d'un Clavier iPhone dans Figma pour RainAlert

Dupplication et intégration d'un composant externe
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Atelier Figma - Design d'application
Revoir le teaser Je m'abonne
4,5
Transcription
159,00€ 111,30€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
159,00€ 111,30€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Finalisation du Design et Prototypage

Objectifs

Apprendre à intégrer des composants tiers dans Figma, finaliser le design d'une application mobile, et créer un prototype interactif.

Résumé

Apprenez à intégrer un clavier iPhone dans votre design Figma pour l'application RainAlert et finalisez votre projet rapidement.

Description

Dans cette leçon, nous allons finaliser le design de notre application RainAlert en intégrant un clavier iPhone dans Figma. Vous apprendrez à dupliquer un écran, à supprimer les éléments non nécessaires et à utiliser des composants trouvés dans la communauté Figma. Nous allons également voir comment insérer un pavé numérique pour simuler la saisie de texte. Une fois l'intégration du clavier terminée, vous aurez complété le design de l'application.
La prochaine étape de cette formation consistera à créer un prototype interactif qui permettra de passer d'un écran à l'autre, rendant ainsi votre application plus réaliste et fonctionnelle.

Voir plus

Questions fréquentes

Pourquoi intégrer un clavier iPhone dans Figma?
Pour simuler de manière réaliste l'expérience utilisateur sur un appareil iPhone et s'assurer que le design est fonctionnel.
Quels éléments doivent être supprimés lors de la duplication de l'écran?
Les éléments non nécessaires tels que les boutons et les villes déjà présentes sur l'écran d'origine.
Quelle est la prochaine étape après l'intégration du clavier?
Créer un prototype interactif pour permettre la navigation entre les différentes vues de l'application.

Programme détaillé

8 commentaires
4,5
8 votes
5
4
3
2
1
pa12
Il y a 1 an
Je viens de débuter la formation mais quel dommage de ne pas avoir le fichier de travail avec... Une grosse perte de temps pour les images, les icones...etc. Pouvez-vous svp ajouter ce fichier à télécharger?
jc.mosca
Il y a 2 ans
Comme dit plus haut, mise à part les centaines de "du coup" et "en fait" plutôt agaçants, c'est comme d'habitude chez Elephorm une formation enrichissante. J'ai mis seulement 4 étoiles car il manque la démonstration des overlays, des contraintes, des listes à puces et pas mal d'autres. Ce serait bien qu'Elephorm fasse des mises à jour de ses formations.
ousmane.ndia
Il y a 2 ans
Bien pour apprendre les bases, mais manque les nouveautés de 2022.
nicolas.dessis
Il y a 2 ans
Merci !
pioupiou06
Il y a 2 ans
Super formation ! très bien expliquée !
pulpozien
Il y a 2 ans
Très bonne formation.
Trop de "du coup" et du coup ça agace mais sinon super
maellechancerelle
Il y a 3 ans
Super formation!!
stephanehugon
Il y a 3 ans
Cette formation est vraiment au top ! Je ne connaissais rien de Figma (étant "seulement" développeur à la base) et j'ai appris beaucoup de choses, je recommande donc cette formation; le formateur est très sympathique et professionnel dans sa pédagogie, c'est très agréable à suivre. Je recommande par contre d'avoir au moins deux écrans (voir trois) pour suivre la vidéo et pratiquer/prendre des notes en même temps.

Seul bémol par contre, pitié Elephorm, mettez les fichiers de travail avec la formation... (Ce n'est pas la seule sur laquelle il manque les fichiers d'ailleurs); mais mettez-les, ça évite d'aller chercher à droite et à gauche des SVG que l'on doit convertir, des images, etc...

A part ça, super formation !