{"id":3730,"date":"2022-07-07T12:28:08","date_gmt":"2022-07-07T10:28:08","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?post_type=formation&#038;p=3730"},"modified":"2026-01-08T17:52:12","modified_gmt":"2026-01-08T16:52:12","slug":"figma-gagner-en-efficacite","status":"publish","type":"formation","link":"https:\/\/www.swash-formation.fr\/formation\/figma-gagner-en-efficacite\/","title":{"rendered":"Figma&nbsp;: gagner en efficacit\u00e9"},"template":"","domaine":[12],"motcle":[63,23,22],"metier":[52,47,51],"etiquette":[249],"type_ra":[80],"logiciel":[306],"class_list":["post-3730","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":"Variables, composants complexes, collaboration avec les d\u00e9veloppeurs\u2026 Se perfectionner \u00e0 Figma pour enrichir ses prototypes et accro\u00eetre sa productivit\u00e9","FOR_Jours":2,"FOR_Heures":14,"FOR_Duree":"14 heures collectives + 1 heure de mentorat distanciel","FOR_DureeTxt":"2 jours \/ 14 heures","FOR_Prix":1600,"FOR_Ref":"W08","FOR_Niveau":"Perfectionnement","FOR_PrixComplet":"1 600 euros HT %2F Soit 1 920 euros TTC","FOR_PrixCourt":"1 600 \u20ac HT","FOR_Support":"","FOR_ProgPdf":"","FOR_Intervenants":[1716],"FOR_Comp":"<p><span style=\"font-weight: 400;\">Cr\u00e9er des prototypes avanc\u00e9s gr\u00e2ce \u00e0 une utilisation experte des variables et des modes. Optimiser le hand off avec le dev mode.<\/span><\/p>","FOR_Obj":"<ul>\r\n\t<li style=\"font-weight: 400;\">R\u00e9viser les fonctions essentielles<\/li>\r\n\t<li style=\"font-weight: 400;\">D\u00e9couvrir les variables<\/li>\r\n\t<li style=\"font-weight: 400;\">Cr\u00e9er des composants complexes<\/li>\r\n\t<li style=\"font-weight: 400;\">Prototyper avec les variables<\/li>\r\n\t<li style=\"font-weight: 400;\">Collaborer avec les d\u00e9veloppeurs<\/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>Cette formation s\u2019adresse aux UI \/ UX \/ PM \/ PO \/ product designers.<\/p>","FOR_Prerequis":"<p>Il est n\u00e9cessaire d\u2019avoir suivi la formation \u201c<a href=\"https:\/\/www.swash-formation.fr\/formation\/figma-reussir-sa-prise-en-main\/\" target=\"_blank\" rel=\"noopener\">Figma : r\u00e9ussir sa prise en main<\/a>\u201d ou justifier de comp\u00e9tences \u00e9quivalentes (interface ma\u00eetris\u00e9e, auto-layout, propri\u00e9t\u00e9s de composants et variants).<\/p>","FOR_Programme":"<h3 class=\"chapitre\">R\u00e9viser les fonctions essentielles<\/h3>\r\n<ul>\r\n\t<li>Rappeler les sp\u00e9cificit\u00e9s de Figma<\/li>\r\n\t<li>Rappeler l\u2019int\u00e9r\u00eat de l\u2019Atomic Design<\/li>\r\n\t<li>Anticiper la conception en auto-layout<\/li>\r\n\t<li>Rappeler le bon usage des librairies<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>Exercice : cr\u00e9er un composant \"card\" en auto-layout<\/em><\/div>\r\n<h3 class=\"chapitre\">D\u00e9couvrir les variables<\/h3>\r\n<ul>\r\n\t<li>Identifier les diff\u00e9rents types de variables et leurs utilisation<\/li>\r\n\t<li>Diff\u00e9rencier les styles et les variables<\/li>\r\n\t<li>Organiser ses collections en fonction de ses besoin de production<\/li>\r\n\t<li>Reconna\u00eetre les diff\u00e9rents niveaux de variables (roots, semantics\u2026)<\/li>\r\n\t<li>Manipuler les collections de variables et les modes<\/li>\r\n\t<li>Cr\u00e9er des variables de couleurs pour son interface<\/li>\r\n\t<li>G\u00e9rer le responsive avec les variables de type \u201cnumber\u201d<\/li>\r\n\t<li>Param\u00e9trer ses sections pour les modes<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>Exercice : cr\u00e9er un design light et dark responsive avec les variables et les modes<\/em><\/div>\r\n<h3 class=\"chapitre\">Cr\u00e9er des composants complexes<\/h3>\r\n<ul>\r\n\t<li>R\u00e9viser les variants et leurs propri\u00e9t\u00e9s<\/li>\r\n\t<li>Comprendre les composants nested<\/li>\r\n\t<li>Utiliser la fonctionnalit\u00e9 \u00ab create multiple components \u00bb<\/li>\r\n\t<li>\u00c9diter plusieurs composants en m\u00eame temps<\/li>\r\n\t<li>Fusionner des composants<\/li>\r\n\t<li>Renommer les propri\u00e9t\u00e9s de composants<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>Exercice : cr\u00e9er un composant, avec de nombreux variants, enti\u00e8rement \u00e9ditable depuis les propri\u00e9t\u00e9s<\/em><\/div>\r\n<h3 class=\"chapitre\">Prototyper avec les variables<\/h3>\r\n<ul>\r\n\t<li>Organiser les modes et collections pour le prototypage<\/li>\r\n\t<li>Identifier les op\u00e9rateurs pour le prototypage conditionnel<\/li>\r\n\t<li>D\u00e9couvrir les variables de types boolean<\/li>\r\n\t<li>Lier les variables textes (string) aux variants<\/li>\r\n\t<li>Manipuler l\u2019interface avec l\u2019op\u00e9rateur \u00ab Set variable \u00bb<\/li>\r\n\t<li>Comprendre les bases des conditions et les op\u00e9rations<\/li>\r\n\t<li>Cr\u00e9er des conditions pour le prototypage<\/li>\r\n\t<li>Penser ses prototypes avec les variables<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>Exercice : cr\u00e9er un prototype en utilisant les variables et les conditions<\/em><\/div>\r\n<h3 class=\"chapitre\">Livrer aux d\u00e9veloppeurs et g\u00e9rer la documentation<\/h3>\r\n<ul>\r\n\t<li>Pr\u00e9senter son travail avec les modes et les sections<\/li>\r\n\t<li>Anticiper la stack technique du projet<\/li>\r\n\t<li>Organiser son travail pour le dev mode<\/li>\r\n\t<li>Pr\u00e9parer ses variables pour les d\u00e9veloppeurs<\/li>\r\n\t<li>\u00c9valuer les enjeux d\u2019un design system<\/li>\r\n\t<li>G\u00e9rer le Hand-off avec des solutions tierces (Zeroheight, Storybook\u2026)<\/li>\r\n\t<li>Analyser la structure d\u2019une documentation efficace<\/li>\r\n\t<li>\u00c9valuer le potentiel des API Figma<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>Exercice : partage d\u2019exp\u00e9riences et discussions sur la mise en \u0153uvre d\u2019un plan d\u2019action<\/em><\/div>","FOR_Profil":"<p><span style=\"font-weight: 400;\">Product Designer avec plus de 3 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":"10 et 14 mars 2025","FOR_Mentorat":null,"FOR_DateOff":"20250310"},{"FOR_Dates":"les 11 et 17 juin 2026","FOR_Mentorat":null,"FOR_DateOff":"20260611"},{"FOR_Dates":"les 14 et 21 d\u00e9cembre 2026","FOR_Mentorat":null,"FOR_DateOff":"20261214"}],"FOR_PlanPres":[{"FOR_Dates":"5 au 6 mars 2024","FOR_Mentorat":null,"FOR_DateOff":"20240305"},{"FOR_Dates":"11 au 12 juillet 2024","FOR_Mentorat":null,"FOR_DateOff":"20240711"},{"FOR_Dates":"21 au 22 novembre 2024","FOR_Mentorat":null,"FOR_DateOff":"20241121"},{"FOR_Dates":"19 au 20 mai 2025","FOR_Mentorat":null,"FOR_DateOff":"20250519"},{"FOR_Dates":"les 16 et 17 octobre 2025","FOR_Mentorat":null,"FOR_DateOff":"20251016"},{"FOR_Dates":"les 6 et 7 mai 2026","FOR_Mentorat":null,"FOR_DateOff":"20260506"},{"FOR_Dates":"les 1 et 2 octobre 2026","FOR_Mentorat":null,"FOR_DateOff":"20261001"},{"FOR_Dates":"les 14 et 15 janvier 2027","FOR_Mentorat":null,"FOR_DateOff":"20270114"}],"for_tag-new":false,"for_tag-update":false},"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation\/3730","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=3730"}],"wp:term":[{"taxonomy":"domaine","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine?post=3730"},{"taxonomy":"motcle","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/motcle?post=3730"},{"taxonomy":"metier","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/metier?post=3730"},{"taxonomy":"etiquette","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette?post=3730"},{"taxonomy":"type_ra","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/type_ra?post=3730"},{"taxonomy":"logiciel","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/logiciel?post=3730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}