figma fc

Créer vos interfaces mobiles avec Figma

Mis à jour le 22.02.24
Prochaines sessions
Du 16 mai 2024 au 12 juin 2024
Informations

Durée : 18h (en présentiel)

Lieu

Formation en inter-entreprise en présentiel

Formateur(s)
Clément Breuille
UX & UI designer et co-fondateur de twobirds, agence spécialisée en UX & UI design

Pourquoi se former à la création d’interfaces mobiles avec Figma ?

Le logiciel Figma permet de créer des interfaces web et mobiles. Destiné au design web, cet outil est pensé de manière à faciliter le travail en co-création avec les différents acteurs d’un projet. Il accélère l’efficacité dans la construction d’interfaces complexes utilisées dans le processus UX/UI.

Véritable passerelle entre UX et UI, cet outil de prototypage permet à chacun de travailler sur ses propres problématiques conjointement.

Cet outil confère ainsi aisance et agilité à ses utilisateurs, pour trouver une ergonomie optimale et le meilleur design possible de l’interface créée.

S’appuyer sur le Design Thinking pour mieux appréhender la création d’interfaces mobiles

Processus créatif, le prototypage est indispensable pour communiquer un concept et le tester auprès des utilisateurs. Parfaitement intégré à la démarche du Design Thinking, il en constitue la 4ème et dernière phase (après l’observation des utilisateurs, la définition du besoin et la création de l’innovation).

figma fc

Envie de vous initier au Design Thinking ?

Le Design Thinking est une méthode d’innovation puissante, collaborative et centrée utilisateur. Elle est transposable dans toutes les structures et organisations. Nous vous proposons de vous y initier grâce à notre e-learning complet, ludique et interactif de 2h30 afin de découvrir son fonctionnement, ses principes et ses outils.  

Afin de vous acculturez, l’équipe formation continue vous conseille cet e-learning en introduction au module Créer des interfaces mobiles avec Figma !

Objectifs de la formation

À l’issue de cette formation, vous serez capable de :

  • Découvrir Figma et vous repérer dans l’interface
  • Savoir bien débuter un projet sur Figma
  • Maîtriser les composants de Figma
  • Prototyper avec Figma
  • Collaborer et partager votre travail avec Figma
figma fc

Pour aller plus loin : notre parcours Faciliter la démarche de Design Thinking

Le module Utiliser la facilitation graphique est intégré au parcours certifiant et éligible au CPF Faciliter la démarche de Design Thinking. Ce parcours de plus de 91h vous permet d’appréhender de manière approfondie la démarche de Design Thinking.

Pour plus de détails, consultez notre page consacrée au parcours Faciliter la démarche de Design Thinking

En savoir plus sur la formation Créer des interfaces mobiles avec Figma

Contact

Équipe Formation Continue
[t] +33 (0)2 51 13 50 70
[m] formation-continue@lecolededesign.com

Programme

Questionnaire d'auto-positionnement

Jour 1

Découverte de Figma

  • Gérer son compte Figma (Team, facturation, Autorisations)
  • Organiser son travail en équipe
  • Présentation de Figma community
  • Se repérer dans l’interface (outils, pages...)

Bien débuter un projet sur Figma

  • Créer et paramétrer un document
  • Créer et manipuler les styles (Layout, couleurs, fonts)
  • Publication et gestion des librairies
  • Mettre à jour ses styles et sa librairie
  • Connaître et manipuler les différents containers sur Figma (Group/Frame/Autolayout/Sections)
  • Organiser son design avec l’autolayout
  • Gérer les contraintes responsives des éléments

Maîtriser les composants

  • Connaître et distinguer les types de composants
  • Créer des composants simples
  • Connaître la différence entre propriétés et variants
  • Créer des propriétés de composants
  • Créer des variants
  • Créer des interactions basiques entre les variants
Jour 2

Prototyper avec Figma

  • Les triggers et animations sur Figma
  • Les bases de smart animate
  • Créer un prototype interactif pour relier les écrans
  • Prévisualiser son travail
  • Prototypage d’overlay

Collaborer sur Figma et partager son travail

  • Créer des flows sous forme de lien partageable
  • Inviter des utilisateurs à collaborer
  • Partager son travail avec le bon niveau de sécurité
  • Commenter un prototype
  • Exporter les assets
  • Figma Mobile
  • Les plugins et widgets indispensables
  • Versionner son fichier
Jour 3
  • Retours d'expériences et approfondissements
Conditions d'admission
Modalités tarifaires

Le tarif de la formation est de 1450 € net par participant

Pré-requis

Afin de participer à ce module de formation, il est nécessaire de travailler ou d'avoir le projet de travailler avec l’outil Figma.

Cette formation s’adresse plus particulièrement aux designers UX, designers UI, concepteurs, développeurs désirant découvrir le design d’interface.

Modalités et délais d'accès à la formation

Pour accéder à une formation, il vous est demandé de prendre contact avec notre équipe “formation continue” :

  • soit par mail ou téléphone, 
  • soit en complétant la demande de devis disponible au bas de la page.

Notre équipe vous répondra sous 72 heures. L’inscription s’effectue, selon le calendrier, 14 jours minimum avant l’entrée en formation. Tant qu’une session n’est pas indiquée comme complète sur notre site web, elle peut accueillir de nouveaux apprenants.

Politique handicap

Les personnes en situation de handicap sont invitées à contacter Karine Loriant au 02 51 13 89 59 ou sur k.loriant@lecolededesign.com.

Consulter notre politique handicap.

Modalités pédagogiques et techniques
Pédagogie par le projet et mise en pratique des connaissances transmises à l’apprenant
  • Tous les supports de formation sont fournis de manière dématérialisée.
  • Chaque apprenant apporte son ordinateur personnel avec le logiciel Figma (possibilité de vous fournir une licence étudiant pour la formation)
  • La salle de formation est équipée d’un moyen de projection (TV, vidéoprojecteur), le mobilier et les espaces d’affichage sont modulables.
  • Le formateur est à l’écoute des apprenants lors de la formation. Des temps d’échanges et de questions sont prévus dans le programme de la formation. Si besoin, vous pouvez également contacter les chargés de la formation continue au sein de L’École de design Nantes Atlantique.

 

Le formateur est à l'écoute des apprenants lors de la formation

Des temps d’échanges et de questions sont vécus durant le programme de la formation. En cas de besoin, vous pouvez également contacter les chargés de la formation continue au sein de L’École de design Nantes Atlantique.

Modalités d'évaluation et de réalisation
  • Exercices à réaliser par l’apprenant.
  • Vérification de son assiduité : l’accent sera mis sur sa participation constante et active, notamment dans le cadre des études de cas pratiques, préparées et exposées par le formateur.
Financement et habilitations

L’École de design Nantes Atlantique, référencée au Datadock, est également certifiée QUALIOPI depuis décembre 2020 pour ses actions de formation continue et de VAE et depuis octobre 2021 pour son CFA. Cette certification rigoureuse, basée sur le Référentiel National Unique, atteste de la qualité du processus mis en œuvre par l’école permettant de se former. 

Les coûts des formations pour l'entreprise se font sur devis.

Équipe pédagogique

L'école travaille régulièrement avec de nouveaux formateurs, tous designers professionnels. L'équipe pédagogique de ce module est donc présentée à titre indicatif, selon leur disponibilité.

Clément Breuille

Clément Breuille est UX & UI designer avec plus de 10 ans d’expérience dans le design digital.

« Le lendemain de sa soutenance de diplôme, je saute dans un avion direction l’Australie ! Pas pour un road trip, mais pour faire évoluer mes compétences chez Tigerspike en tant que product designer. Quatre années plus tard, après des milliers de kilomètres parcourus et une expérience professionnelle grandie, je décide de rentrer au bercail. Fini le salariat, à moi l'entrepreneuriat ! Je cofonde twobirds, une agence spécialisée en UX & UI design où j’occupe le rôle de lead design. En parallèle, j'interviens à L'École de design Nantes Atlantique, où j'ai à cœur de transmettre mon expertise à la prochaine génération de designers. »

 

Demande de devis

Je choisis la date de ma session de formation.
Dates de sessions *
Information de contact du participant.
Civilité *
En indiquant l'adresse email de mon contact RH, je valide que cette personne sera également destinataire des emails qui me seront transmis (devis, convocation).
Informations nécessaires à l'établissement du devis.
Indiquer l'adresse de votre entreprise ou votre adresse personnelle si vous faites votre demande en tant que particulier.
Mes demandes spécifiques.
Je souhaite recevoir ultérieurement des informations sur l’école en lien avec ma demande d’informations. *
Je souhaite recevoir un devis par mail *
Utilisation relative à mes données personnelles.

Créer vos interfaces mobiles avec Figma