{"id":1703,"date":"2022-03-09T12:48:58","date_gmt":"2022-03-09T11:48:58","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?post_type=formation&#038;p=1703"},"modified":"2026-03-09T15:38:08","modified_gmt":"2026-03-09T14:38:08","slug":"figma-reussir-sa-prise-en-main","status":"publish","type":"formation","link":"https:\/\/www.swash-formation.fr\/formation\/figma-reussir-sa-prise-en-main\/","title":{"rendered":"Figma&nbsp;: r\u00e9ussir sa prise en main"},"template":"","domaine":[12],"motcle":[63,23,22],"metier":[52,47,51],"etiquette":[249],"type_ra":[80],"logiciel":[306],"class_list":["post-1703","formation","type-formation","status-publish","hentry","domaine-formation-ux-ui-webdesign","motcle-experience-utilisateurs","motcle-interface","motcle-projet","metier-directeur-artistique","metier-graphiste","metier-ui-designer","etiquette-formation-figma","type_ra-inter","logiciel-figma","no-post-thumbnail"],"acf":{"FOR_Format":"80","FOR_SousTitre":"Cr\u00e9ation, prototypage, animation, collaboration\u2026 S\u2019initier \u00e0 l\u2019utilisation de Figma\r\n","FOR_Jours":2,"FOR_Heures":14,"FOR_Duree":"14 heures collectives + 1 heure de mentorat distanciel","FOR_DureeTxt":"2 jours \/ 14 heures","FOR_Prix":1400,"FOR_Ref":"W07","FOR_Niveau":"Initiation","FOR_PrixComplet":"1 400 euros HT %2F Soit 1 680 euros TTC","FOR_PrixCourt":"1 400 \u20ac HT","FOR_Support":"","FOR_ProgPdf":"","FOR_Intervenants":[1716],"FOR_Comp":"<p><span style=\"font-weight: 400;\">D\u00e9finir la place de Figma dans le processus de design d\u2019un site Web ou d\u2019une appli et mettre en \u0153uvre un flux de production efficace pour concevoir, partager et modifier des prototypes interactifs.<\/span><\/p>","FOR_Obj":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">(Re)contextualiser UX et UI<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">D\u00e9couvrir l'environnement Figma<\/span><\/li>\r\n\t<li>Se lancer dans la production<\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ma\u00eetriser les composants, propri\u00e9t\u00e9s et variants (components)\u00a0<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">R\u00e9aliser un prototype interactif avec Figma<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Partager et exporter un prototype <\/span><\/li>\r\n<\/ul>","FOR_Valider":"<ul>\r\n\t<li>votre projet et le contexte de votre demande pour co-construire le programme d\u00e9finitif<\/li>\r\n\t<li>le format\u00a0: pr\u00e9sentiel et\/ou distanciel<\/li>\r\n\t<li>le tarif\u00a0: calcul\u00e9 selon le temps de pr\u00e9paration, les moyens \u00e0 mobiliser, le nombre de jours, le lieu de la formation\u2026<\/li>\r\n\t<li>*la dur\u00e9e\u00a0: \u00e0 confirmer selon les pr\u00e9requis et les objectifs \u00e0 atteindre par les apprenants<\/li>\r\n<\/ul>","FOR_5Raisons":"","FOR_Public":"<p><span style=\"font-weight: 400;\">Cette formation s\u2019adresse aux DA, graphistes, UI\/UX\/Product designers, PO\u2026<\/span><\/p>","FOR_Prerequis":"<p><span style=\"font-weight: 400;\">Il est n\u00e9cessaire d\u2019avoir une bonne culture Web et \/ ou produit pour suivre cette formation.<\/span><\/p>","FOR_Programme":"<h3 class=\"chapitre\">(Re)contextualiser UI et UX<\/h3>\r\n<ul>\r\n\t<li>Rappeler les m\u00e9tiers du design d\u2019interface : product designer \/ UI designer \/ UX designer...<\/li>\r\n\t<li>Int\u00e9grer le vocabulaire utile : navigation, wireframe, prototypage, design system, atomic design...<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; \u00c9changes<\/em><\/div>\r\n<h3 class=\"chapitre\">D\u00e9couvrir l'environnement Figma<\/h3>\r\n<ul>\r\n\t<li>Comprendre le principe de \u00ab Team \u00bb<\/li>\r\n\t<li>Chercher et installer des ressources \/ des plugins depuis Figma Community<\/li>\r\n\t<li>Se rep\u00e9rer dans l\u2019interface (Layers, Pages, Assets, modes Design et Prototype\u2026)<\/li>\r\n<\/ul>\r\n<p><strong><em>-&gt; \u00c9change et manipulation<\/em><\/strong><\/p>\r\n<h3 class=\"sousChap chapitre\">Se lancer dans la production<\/h3>\r\n<ul>\r\n\t<li>Cr\u00e9er des formes (outils)<\/li>\r\n\t<li>Importer une image et vid\u00e9o<\/li>\r\n\t<li>Manipuler les blocs texte<\/li>\r\n\t<li>Enrichir le texte (famille de police, graisse, interlettrage, interlignage\u2026)<\/li>\r\n\t<li>G\u00e9rer les masques<\/li>\r\n\t<li>Manipuler les Boolean Groups<\/li>\r\n\t<li>Ajouter des effets<\/li>\r\n\t<li>D\u00e9finir, hi\u00e9rarchiser et appliquer des styles<\/li>\r\n\t<li>Distinguer les containers (Group\/Frame\/Section)<\/li>\r\n\t<li>Hi\u00e9rarchiser le contenu de la frame gr\u00e2ce \u00e0 l'auto layout<\/li>\r\n\t<li>Configurer les grilles<\/li>\r\n\t<li>Mettre en place un Design Token gr\u00e2ce aux variables<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : cr\u00e9er des \u00e9crans d\u2019application<br \/>\r\n<\/em><\/div>\r\n<h3 class=\"chapitre\">Ma\u00eetriser les composants, propri\u00e9t\u00e9s et variants (components)<\/h3>\r\n<ul>\r\n\t<li>Distinguer les diff\u00e9rents types de composants<\/li>\r\n\t<li>Diff\u00e9rencier les propri\u00e9t\u00e9s et les variants<\/li>\r\n\t<li>Importer et manipuler des assets<\/li>\r\n\t<li>Prototyper les \u00e9tats de variants<\/li>\r\n\t<li>Cr\u00e9er un effet de survol sur un bouton avec le Smart Animate<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : cr\u00e9er une s\u00e9rie de boutons interactifs (effet de hover, variants, icons)<\/em><\/div>\r\n<h3 class=\"chapitre\">R\u00e9aliser un prototype interactif avec Figma<\/h3>\r\n<ul>\r\n\t<li>Identifier les d\u00e9clencheurs et relier les \u00e9l\u00e9ments<\/li>\r\n\t<li>D\u00e9finir le parcours utilisateur<\/li>\r\n\t<li>Prototyper un parcours utilisateur en liant les frames<\/li>\r\n\t<li>Cr\u00e9er des animations simples pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/li>\r\n\t<li>G\u00e9rer les scrolls<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : ajouter de l\u2019interactivit\u00e9 et de l\u2019animation sur des frames existantes<\/em><\/div>\r\n<h3 class=\"chapitre\">Partager et exporter un prototype<\/h3>\r\n<ul>\r\n\t<li>Cr\u00e9er un lien de partage public ou priv\u00e9<\/li>\r\n\t<li>Commenter et \/ ou recueillir les commentaires<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : exp\u00e9rimenter le partage, la co-cr\u00e9ation et l\u2019export sur les prototypes r\u00e9alis\u00e9s<\/em><\/div>\r\n<div>\r\n<h3 class=\"chapitre\">Aller plus loin<\/h3>\r\n<ul>\r\n\t<li>Optimiser son flux de production<\/li>\r\n\t<li>Cr\u00e9er, enrichir et partager une Librairie externe (biblioth\u00e8que)<\/li>\r\n\t<li>Exp\u00e9rimenter le responsive design<\/li>\r\n\t<li>Gagner en efficacit\u00e9 gr\u00e2ce \u00e0 l\u2019IA (Relume - Galil\u00e9o)<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : r\u00e9aliser une mise en pages responsive<\/em><\/div>\r\n<\/div>","FOR_Profil":"<p><span style=\"font-weight: 400;\">UI Designer avec plus de 10 ans d\u2019exp\u00e9rience en animation de formation. <\/span><\/p>","FOR_Ressources":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Supports de cours d\u00e9mat\u00e9rialis\u00e9s<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Abonnement de 3 mois \u00e0 <a href=\"https:\/\/fr.tuto.com\" target=\"_blank\" rel=\"noopener\">tuto.com<\/a><\/span><\/li>\r\n\t<li style=\"font-weight: 400;\">Acc\u00e8s illimit\u00e9 par mail \u00e0 la hotline Swash<\/li>\r\n<\/ul>","FOR_ModPres":"<h4><strong>Parcours p\u00e9dagogique\u00a0: <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Quiz de positionnement <span class=\"flechD\">\u276f\u00a0<\/span>2 jours pr\u00e9sentiels continus <span class=\"flechD\">\u276f <\/span><\/span><span class=\"s1\">\u00c9valuation des acquis<\/span><\/p>\r\n<h4><strong>M\u00e9thode p\u00e9dagogique : <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + d\u00e9monstrative : expos\u00e9s th\u00e9oriques, d\u00e9monstrations, mise en pratique, feedbacks personnalis\u00e9s<\/span><\/p>\r\n<h4><strong>Moyens techniques : <\/strong><\/h4>\r\n<ul>\r\n\t<li><span style=\"font-weight: 400;\">1 poste par participant (Mac ou PC, selon votre choix)<\/span>, \u00e9quip\u00e9 de Figma, fourni par nos soins<\/li>\r\n\t<li>Poste de l\u2019intervenant reli\u00e9 \u00e0 un grand \u00e9cran ou vid\u00e9oprojecteur<\/li>\r\n<\/ul>","FOR_ModDist":"<h4>Parcours p\u00e9dagogique\u00a0:<\/h4>\r\n<p><span style=\"font-weight: 400;\">Quiz de positionnement <span class=\"flechD\">\u276f<\/span> 2 classes virtuelles discontinues (2 x 1 jour) <span class=\"flechD\">\u276f <\/span><\/span><span class=\"s1\">\u00c9valuation des acquis<\/span><\/p>\r\n<h4>M\u00e9thode p\u00e9dagogique :<\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + d\u00e9monstrative : expos\u00e9s th\u00e9oriques, d\u00e9monstrations, mise en pratique, travail individuel inter-sessions, feedbacks personnalis\u00e9s<\/span><\/p>\r\n<h4>Moyens techniques\u00a0:<\/h4>\r\n<ul>\r\n\t<li>Classe virtuelle cr\u00e9\u00e9e par nos soins\u00a0<\/li>\r\n\t<li>Chaque apprenant participe \u00e0 la session avec son ordinateur, connect\u00e9 \u00e0 Internet, et \u00e9quip\u00e9 :\r\n\r\n<ul>\r\n\t<li>d\u2019un micro et d\u2019une cam\u00e9ra<\/li>\r\n\t<li>de l'application Figma<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","FOR_Eval":"<ul>\r\n\t<li><span style=\"font-weight: 400;\">Validation des acquis pendant la formation gr\u00e2ce \u00e0 des quiz et \u00e0 la r\u00e9alisation d\u2019exercices pratiques<\/span><\/li>\r\n\t<li>Suivi d'acquisition des objectifs p\u00e9dagogiques par l'intervenant<\/li>\r\n\t<li><span style=\"font-weight: 400;\"> \u00c9valuation \u00e0 chaud (remplie en fin de formation) et \u00e0 froid (\u00e0 60 jours)<\/span><\/li>\r\n<\/ul>","for_pourquoi":"","FOR_PlanCond":1,"FOR_PlanDist":[{"FOR_Dates":"les 24 et 31 mars 2025","FOR_Mentorat":null,"FOR_DateOff":"20250324"},{"FOR_Dates":"les 17 et 24 novembre 2025","FOR_Mentorat":null,"FOR_DateOff":"20251117"},{"FOR_Dates":"les 21 et 28 mai 2026","FOR_Mentorat":null,"FOR_DateOff":"20260521"},{"FOR_Dates":"les 17 et 24 novembre 2026","FOR_Mentorat":null,"FOR_DateOff":"20261117"}],"FOR_PlanPres":[{"FOR_Dates":"les 10 et 11 f\u00e9vrier 2025","FOR_Mentorat":null,"FOR_DateOff":"20250210"},{"FOR_Dates":"les 13 et 14 mai 2025","FOR_Mentorat":null,"FOR_DateOff":"20250513"},{"FOR_Dates":"les 18 et 19 septembre 2025","FOR_Mentorat":null,"FOR_DateOff":"20250918"},{"FOR_Dates":"les 10 et 11 d\u00e9cembre 2025","FOR_Mentorat":null,"FOR_DateOff":"20251210"},{"FOR_Dates":"les 26 et 27 mars 2026","FOR_Mentorat":null,"FOR_DateOff":"20260326"},{"FOR_Dates":"les 18 et 19 juin 2026","FOR_Mentorat":null,"FOR_DateOff":"20260618"},{"FOR_Dates":"les 21 et 22 septembre 2026","FOR_Mentorat":null,"FOR_DateOff":"20260921"},{"FOR_Dates":"les 10 et 11 d\u00e9cembre 2026","FOR_Mentorat":null,"FOR_DateOff":"20261210"}],"for_tag-new":false,"for_tag-update":false},"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation\/1703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation"}],"about":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/types\/formation"}],"acf:post":[{"embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/intervenant\/1716"}],"wp:attachment":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/media?parent=1703"}],"wp:term":[{"taxonomy":"domaine","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine?post=1703"},{"taxonomy":"motcle","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/motcle?post=1703"},{"taxonomy":"metier","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/metier?post=1703"},{"taxonomy":"etiquette","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette?post=1703"},{"taxonomy":"type_ra","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/type_ra?post=1703"},{"taxonomy":"logiciel","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/logiciel?post=1703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}