{"id":8058,"date":"2026-02-02T17:46:51","date_gmt":"2026-02-02T16:46:51","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?post_type=formation&#038;p=8058"},"modified":"2026-05-11T16:53:35","modified_gmt":"2026-05-11T14:53:35","slug":"figma-make-creer-des-prototypes-fonctionnels","status":"publish","type":"formation","link":"https:\/\/www.swash-formation.fr\/formation\/figma-make-creer-des-prototypes-fonctionnels\/","title":{"rendered":"Figma Make : cr\u00e9er des prototypes fonctionnels"},"template":"","domaine":[12],"motcle":[38,23,37,22],"metier":[324,47,51],"etiquette":[249],"type_ra":[80],"logiciel":[306],"class_list":["post-8058","formation","type-formation","status-publish","hentry","domaine-formation-ux-ui-webdesign","motcle-experience-utilisateur","motcle-interface","motcle-productivite","motcle-projet","metier-da","metier-graphiste","metier-ui-designer","etiquette-formation-figma","type_ra-inter","logiciel-figma","no-post-thumbnail"],"acf":{"FOR_Format":"80","FOR_SousTitre":"S\u2019initier \u00e0 la cr\u00e9ation assist\u00e9e par IA avec Figma Make pour g\u00e9n\u00e9rer, it\u00e9rer et structurer des prototypes fonctionnels exploitables","FOR_Jours":1,"FOR_Heures":7,"FOR_Duree":"","FOR_DureeTxt":"1 jour \/ 7 heures","FOR_Prix":750,"FOR_Ref":"W14","FOR_Niveau":"Approfondissement","FOR_PrixComplet":"750 euros HT %2F Soit 900 euros TTC","FOR_PrixCourt":"750 \u20ac HT","FOR_Support":"","FOR_ProgPdf":"","FOR_Intervenants":"","FOR_Comp":"<p><span style=\"font-weight: 400;\">Utiliser Figma Make pour concevoir des interfaces UI\/UX assist\u00e9es par IA, structurer des prompts efficaces, affiner les r\u00e9sultats g\u00e9n\u00e9r\u00e9s et pr\u00e9parer les livrables pour un usage collaboratif.<\/span><\/p>","FOR_Obj":"<ul>\r\n\t<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Identifier les usages, principes et limites de Figma Make<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Structurer des prompts efficaces pour g\u00e9n\u00e9rer des interfaces<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">G\u00e9n\u00e9rer et it\u00e9rer des interfaces avec Figma Make<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">R\u00e9cup\u00e9rer le design g\u00e9n\u00e9r\u00e9 et le retravailler dans Figma<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Affiner et livrer un prototype pour l\u2019int\u00e9gration<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lire et partager le code g\u00e9n\u00e9r\u00e9 par Figma Make<\/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 UI \/ UX \/ Product designers ou \u00e0 des profils hybrides design \/ produit \/ front-end<\/span><\/p>","FOR_Prerequis":"<p><span style=\"font-weight: 400;\">Il est n\u00e9cessaire d\u2019\u00eatre autonome dans Figma (frames, auto-layout, composants) pour suivre cette formation<\/span><\/p>","FOR_Programme":"<h3 class=\"chapitre\">Identifier les usages, principes et limites de Figma Make<\/h3>\r\n<ul>\r\n\t<li>Situer Figma Make dans l\u2019\u00e9cosyst\u00e8me Figma<\/li>\r\n\t<li>Distinguer prototypage IA vs design pr\u00eat \u00e0 d\u00e9velopper<\/li>\r\n\t<li>Diff\u00e9rencier IA int\u00e9gr\u00e9e et IA g\u00e9n\u00e9rative<\/li>\r\n\t<li>Analyser les types de g\u00e9n\u00e9ration possibles (UI, interactions, composants)<\/li>\r\n\t<li>Comprendre la logique prompt \u2192 g\u00e9n\u00e9ration \u2192 it\u00e9ration<\/li>\r\n\t<li>Identifier les cas o\u00f9 privil\u00e9gier l\u2019IA ou le design manuel<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Quiz r\u00e9capitulatif<\/em><\/div>\r\n<h3 class=\"chapitre\">Structurer des prompts efficaces pour g\u00e9n\u00e9rer des interfaces<\/h3>\r\n<ul>\r\n\t<li>Structurer un prompt orient\u00e9 UI\/UX<\/li>\r\n\t<li>Pr\u00e9ciser fonctionnellement et\/ou visuellement une demande<\/li>\r\n\t<li>Int\u00e9grer les contraintes, le contexte, des r\u00e9f\u00e9rences<\/li>\r\n\t<li>Identifier les biais de g\u00e9n\u00e9ration et les erreurs fr\u00e9quentes<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercices : reformuler plusieurs prompts \u00e0 partir d\u2019un m\u00eame besoin produit pour tester leurs effets<\/em><\/div>\r\n<h3 class=\"chapitre\">G\u00e9n\u00e9rer et it\u00e9rer des interfaces avec Figma Make<\/h3>\r\n<ul>\r\n\t<li>G\u00e9n\u00e9rer un \u00e9cran \u00e0 partir d\u2019un brief produit<\/li>\r\n\t<li>Modifier un \u00e9cran existant par prompt ou interface<\/li>\r\n\t<li>Ajouter des interactions et \u00e9tats (hover, click, navigation)<\/li>\r\n\t<li>Lire, tester et critiquer les r\u00e9sultats g\u00e9n\u00e9r\u00e9s<\/li>\r\n<\/ul>\r\n<p><strong><em>-&gt; Exercice : g\u00e9n\u00e9rer un \u00e9cran principal, le simplifier et ajouter des interactions \/ des \u00e9tats<\/em><\/strong><\/p>\r\n<h3 class=\"chapitre\">R\u00e9cup\u00e9rer le design g\u00e9n\u00e9r\u00e9 et le retravailler dans Figma<\/h3>\r\n<ul>\r\n\t<li>Analyser la structure des calques g\u00e9n\u00e9r\u00e9s<\/li>\r\n\t<li>Nettoyer et r\u00e9organiser les \u00e9l\u00e9ments<\/li>\r\n\t<li>Harmoniser les styles et transformer en composants<\/li>\r\n\t<li>Pr\u00e9parer un design collaboratif lisible, modulaire et \u00e9volutif<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : transformer un \u00e9cran g\u00e9n\u00e9r\u00e9 en un design exploitable en \u00e9quipe<\/em><\/div>\r\n<h3 class=\"chapitre\">Affiner et livrer un prototype pour l\u2019int\u00e9gration<\/h3>\r\n<ul>\r\n\t<li>\u00c9valuer l\u2019UX du prototype g\u00e9n\u00e9r\u00e9<\/li>\r\n\t<li>R\u00e9aliser des ajustements visuels coh\u00e9rents<\/li>\r\n\t<li>Structurer un fichier Figma pr\u00eat pour le handoff dev<\/li>\r\n\t<li>Identifier les t\u00e2ches relevant encore de l\u2019humain<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : affiner l\u2019\u00e9cran g\u00e9n\u00e9r\u00e9 avant la livraison<\/em><\/div>\r\n<h3 class=\"chapitre\">Lire et partager le code g\u00e9n\u00e9r\u00e9 par Figma Make<\/h3>\r\n<ul>\r\n\t<li>Acc\u00e9der au code g\u00e9n\u00e9r\u00e9 dans Make<\/li>\r\n\t<li>Comprendre la diff\u00e9rence avec l\u2019inspecteur Figma<\/li>\r\n\t<li>Lire le code des composants et interactions<\/li>\r\n\t<li>Partager le code avec les d\u00e9veloppeurs<\/li>\r\n<\/ul>\r\n<p><strong><em>-&gt; Exercice : extraire et partager le code g\u00e9n\u00e9r\u00e9 d\u2019un \u00e9cran complet<\/em><\/strong><\/p>\r\n<h3 class=\"chapitre\">Consolider les apprentissages et anticiper les usages<\/h3>\r\n<ul>\r\n\t<li>R\u00e9capituler les \u00e9tapes et bonnes pratiques<\/li>\r\n\t<li>Construire une check-list<\/li>\r\n\t<li>Identifier les limites \u00e9thiques et pratiques du travail avec IA<\/li>\r\n\t<li>D\u00e9couvrir quelques ressources pour aller plus loin<\/li>\r\n<\/ul>\r\n<p><strong><em>-&gt; Exercice : cr\u00e9er une checklist d\u2019usage de Figma Make<\/em><\/strong><\/p>","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>1 jour pr\u00e9sentiel <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> 1 classe virtuelle synchrone <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, 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 style=\"font-weight: 400;\" aria-level=\"1\"><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 style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Suivi d'acquisition des objectifs p\u00e9dagogiques par l'intervenant<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\" aria-level=\"1\"><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":"le 12 octobre 2026","FOR_Mentorat":null,"FOR_DateOff":"20261012"}],"FOR_PlanPres":[{"FOR_Dates":"le 5 juin 2026","FOR_Mentorat":null,"FOR_DateOff":"20260605"},{"FOR_Dates":"le 14 septembre 2026","FOR_Mentorat":null,"FOR_DateOff":"20260914"},{"FOR_Dates":"le 16 novembre 2026","FOR_Mentorat":null,"FOR_DateOff":"20261116"}],"for_tag-new":true,"for_tag-update":false},"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation\/8058","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"}],"wp:attachment":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/media?parent=8058"}],"wp:term":[{"taxonomy":"domaine","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine?post=8058"},{"taxonomy":"motcle","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/motcle?post=8058"},{"taxonomy":"metier","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/metier?post=8058"},{"taxonomy":"etiquette","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette?post=8058"},{"taxonomy":"type_ra","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/type_ra?post=8058"},{"taxonomy":"logiciel","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/logiciel?post=8058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}