{"id":249,"count":5,"description":"<div data-test-render-count=\"2\">\r\n<div class=\"group\">\r\n<div class=\"contents\">\r\n<div class=\"group relative relative pb-3\" data-is-streaming=\"false\">\r\n<div class=\"font-claude-response relative leading-[1.65rem] [&amp;_pre&gt;&lt;p&gt;div]:bg-bg-000\/50 [&amp;_pre&gt;div]:border-0.5 [&amp;_pre&gt;div]:border-border-400 [&amp;_.ignore-pre-bg&gt;div]:bg-transparent [&amp;_.standard-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.standard-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8 [&amp;_.progressive-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.progressive-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8\">\r\n<div class=\"grid grid-rows-[auto_auto] min-w-0\">\r\n<div class=\"row-start-2 col-start-1 relative grid isolate min-w-0\">\r\n<div class=\"row-start-1 col-start-1 relative z-[2] min-w-0\">\r\n<div class=\"standard-markdown grid-cols-1 grid [&amp;_&gt;&lt;p&gt;_*]:min-w-0 gap-3 standard-markdown\">\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">En quelques ann\u00e9es, <strong>Figma<\/strong> est pass\u00e9 du statut de challenger \u00e0 celui de standard incontest\u00e9 du design d'interface. Que l'on soit designer, product designer ou d\u00e9veloppeur front-end, il permet de concevoir, prototyper et collaborer en temps r\u00e9el sur des interfaces web et mobiles, sans installation, depuis n'importe quel navigateur.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Sa force tient \u00e0 une combinaison rare : une prise en main accessible, une richesse fonctionnelle qui accompagne les projets les plus complexes, et une int\u00e9gration fluide avec les autres outils de la cha\u00eene de production, de FigJam aux exports vers le code. C'est aujourd'hui l'outil de r\u00e9f\u00e9rence dans la quasi-totalit\u00e9 des \u00e9quipes produit et des agences de design.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Chez Swash, nous proposons cinq <strong>formations Figma<\/strong>, disponibles en <strong>pr\u00e9sentiel \u00e0 Paris<\/strong> ou en <strong>distanciel<\/strong>, en inter-entreprises ou <strong>sur mesure \/ en intra<\/strong>.<\/span><\/p>\r\n<h2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"><span style=\"color: #15384e\"><strong><br \/>\r\nLes grands domaines d'utilisation de Figma<\/strong><\/span><\/h2>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Figma couvre l'ensemble du cycle de design d'interface, de la conception \u00e0 la livraison.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">En <strong>conception UI\/UX<\/strong>, il permet de cr\u00e9er des interfaces web et mobile, de mettre en place des design systems coh\u00e9rents et de g\u00e9rer styles, composants et variables pour gagner en productivit\u00e9 et en coh\u00e9rence visuelle. En <strong>prototypage interactif<\/strong>, il permet de construire des parcours utilisateurs dynamiques, de tester rapidement l'ergonomie avant d\u00e9veloppement et de partager des prototypes directement avec les \u00e9quipes et les clients. En <strong>collaboration<\/strong>, il permet de travailler simultan\u00e9ment \u00e0 plusieurs sur un m\u00eame fichier, d'int\u00e9grer les retours directement dans les maquettes, et de se synchroniser avec FigJam pour les ateliers et les phases de recherche.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Son p\u00e9rim\u00e8tre s'\u00e9tend aujourd'hui bien au-del\u00e0 du seul design d'interface. Sur le terrain de <strong>l'animation et de l'interactivit\u00e9<\/strong>, Figma comble progressivement un vide que beaucoup de cr\u00e9atifs ressentent depuis la disparition d'outils comme Flash ou Animate : la capacit\u00e9 \u00e0 penser le mouvement, les transitions et les interactions directement dans l'outil de conception, sans passer par un logiciel tiers. Pour les profils qui ont une culture de l'animation (motion designers, directeurs artistiques, cr\u00e9atifs issus du web interactif), c'est un changement de perspective significatif, encore en cours de maturation mais d\u00e9j\u00e0 tr\u00e8s concret dans les usages.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Dans certaines \u00e9quipes \u00e9ditoriales et de communication, notamment chez des <strong>profils issus de l'infographie ou de la cartographie<\/strong>, Figma commence par ailleurs \u00e0 prendre une place que tenait jusqu'ici Illustrator : production de visuels partag\u00e9s, d\u00e9clinaisons multi-supports, travail collaboratif sur des chartes graphiques. Ce n'est pas une substitution totale, mais un glissement r\u00e9el, port\u00e9 par des besoins de fluidit\u00e9 et de collaboration que les outils traditionnels n'adressent pas aussi directement.<\/span><\/p>\r\n<h2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"><span style=\"color: #15384e\"><br \/>\r\n<strong>Quels professionnels utilisent Figma ?<\/strong><\/span><\/h2>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Les <strong>graphistes et directeurs artistiques<\/strong> l'utilisent ponctuellement pour cr\u00e9er des maquettes, des landing pages ou adapter des visuels existants. Les <strong>UI\/UX designers<\/strong> en exploitent toute la profondeur : composants avanc\u00e9s, variables, biblioth\u00e8ques partag\u00e9es, design systems robustes. Les <strong>product designers et product managers<\/strong> s'en servent pour centraliser les maquettes, suivre l'avancement et fluidifier la communication entre design et d\u00e9veloppement. Les <strong>d\u00e9veloppeurs front-end<\/strong> utilisent le Dev Mode pour extraire directement les styles CSS, variables et composants vers le code.<\/span><\/p>\r\n<h2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"><span style=\"color: #15384e\"><br \/>\r\n<strong>Nos intervenants<\/strong><\/span><\/h2>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Nous travaillons avec des experts Figma reconnus, que nous mobilisons en fonction de chaque formation selon le public, les pr\u00e9requis et les objectifs : Romain Dao, K\u00e9vin Mercier, \u00c9lisabeth Sancey\u2026 Si vous souhaitez en savoir plus sur leur pratique et leur approche p\u00e9dagogique, nous vous invitons \u00e0 <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\/contact\/\">nous contacter<\/a>.<\/span><\/p>\r\n<h2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"><span style=\"color: #15384e\"><br \/>\r\n<strong>Figma en 2026 : une plateforme en pleine expansion<\/strong><\/span><\/h2>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Lors de la derni\u00e8re Config, Figma a pr\u00e9sent\u00e9 une s\u00e9rie d'\u00e9volutions significatives qui d\u00e9placent le logiciel bien au-del\u00e0 de son p\u00e9rim\u00e8tre initial de design UI\/UX.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\"><strong>Figma Make<\/strong> permet de cr\u00e9er ou modifier des designs \u00e0 partir de prompts en langage naturel et de les transformer en prototypes interactifs enti\u00e8rement cod\u00e9s. <strong>Figma Sites<\/strong> permet de publier des sites web directement depuis Figma, avec un design responsive, des composants interactifs et un CMS int\u00e9gr\u00e9 en cours de d\u00e9ploiement. <strong>Figma Draw<\/strong> propose un module de dessin vectoriel repens\u00e9 avec trac\u00e9s dynamiques, motifs personnalis\u00e9s et effets de texture. <strong>Figma Buzz<\/strong> introduit un espace d\u00e9di\u00e9 \u00e0 la cr\u00e9ation d'assets pour tous les formats tout en respectant la coh\u00e9rence graphique des marques. Une nouvelle grille responsive facilite par ailleurs le passage du design au d\u00e9veloppement.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Ces \u00e9volutions confirment que Figma ne se positionne plus seulement comme l'outil de r\u00e9f\u00e9rence du design UI\/UX, mais comme une plateforme compl\u00e8te, de l'id\u00e9ation \u00e0 la mise en ligne. Apr\u00e8s le rachat avort\u00e9 par Adobe et l'introduction en bourse de juillet 2025, la concr\u00e9tisation de ces annonces dans les workflows r\u00e9els reste \u00e0 observer dans la dur\u00e9e.<\/span><\/p>\r\n<h2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"><span style=\"color: #15384e\"><strong>Formations Figma sur mesure : des sujets que l'inter ne couvre pas<\/strong><\/span><\/h2>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Les sessions inter-entreprises couvrent les fondamentaux et les usages courants. Mais une partie des besoins r\u00e9els autour de Figma d\u00e9passe ce cadre, parce qu'ils sont li\u00e9s \u00e0 des contextes de production sp\u00e9cifiques, \u00e0 une organisation particuli\u00e8re ou \u00e0 des sujets qui \u00e9voluent trop vite pour entrer dans un programme standardis\u00e9.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">C'est pr\u00e9cis\u00e9ment l\u00e0 qu'intervient la <strong>formation intra sur mesure<\/strong>. Nous pouvons construire des programmes autour de sujets que nous ne proposons pas en inter, notamment la mise en place ou la structuration d'un <strong>design system<\/strong> adapt\u00e9 \u00e0 votre organisation, l'int\u00e9gration de <strong>l'IA g\u00e9n\u00e9rative dans un workflow Figma<\/strong> (Figma Make, g\u00e9n\u00e9ration d'interfaces par prompt, articulation avec d'autres outils IA), ou encore l'utilisation des <strong>MCP<\/strong> (Model Context Protocol) pour connecter Figma \u00e0 des agents IA et automatiser certaines t\u00e2ches de production.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\">Ces formations s'adressent \u00e0 des \u00e9quipes qui ont d\u00e9j\u00e0 une pratique de Figma et qui cherchent \u00e0 monter en comp\u00e9tence sur des usages avanc\u00e9s, \u00e0 homog\u00e9n\u00e9iser leurs m\u00e9thodes ou \u00e0 int\u00e9grer de nouveaux outils dans leur cha\u00eene de travail. <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\/contact\/\">Contactez-nous<\/a> pour en discuter.<\/span><\/p>\r\n<h2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"><span style=\"color: #15384e\"><strong><br \/>\r\nFAQ<\/strong><\/span><\/h2>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\"><strong>Faut-il des bases en design pour se former \u00e0 Figma ?<\/strong> Non. La formation d'initiation s'adresse \u00e0 des profils qui d\u00e9butent sur le logiciel, quelle que soit leur exp\u00e9rience en design. Une sensibilit\u00e9 aux interfaces et \u00e0 l'ergonomie est un plus, mais ce n'est pas un pr\u00e9requis formel.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\"><strong>Figma est-il gratuit ?<\/strong> Figma propose un plan gratuit avec des fonctionnalit\u00e9s suffisantes pour d\u00e9buter. Les usages professionnels, notamment la gestion de biblioth\u00e8ques partag\u00e9es, le Dev Mode avanc\u00e9 et le travail en \u00e9quipe \u00e0 grande \u00e9chelle, n\u00e9cessitent un abonnement payant.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\"><strong>Quelle diff\u00e9rence entre Figma et Adobe XD ?<\/strong> Adobe XD n'est plus activement d\u00e9velopp\u00e9 depuis 2023. Figma s'est impos\u00e9 comme le successeur de fait sur le march\u00e9 du design d'interface. Si vous utilisez encore Adobe XD, la transition vers Figma est aujourd'hui incontournable.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\"><strong>Les formations Figma sont-elles disponibles en distanciel ?<\/strong> Oui. Nos trois formations Figma sont disponibles en pr\u00e9sentiel dans nos locaux parisiens (75003) et en distanciel en classe virtuelle synchrone avec le m\u00eame encadrement p\u00e9dagogique.<\/span><\/p>\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><span style=\"color: #15384e\"><strong>Les formations Figma sont-elles finan\u00e7ables ?<\/strong> Elles sont finan\u00e7ables via votre OPCO selon votre branche professionnelle. Elles ne sont pas \u00e9ligibles au CPF. Notre page <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\/cpf-et-certification\/\">financement<\/a> d\u00e9taille les dispositifs accessibles.<\/span><\/p>\r\n<h2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"><span style=\"color: #15384e\"><br \/>\r\n<strong>Quelques liens utiles<\/strong><\/span><\/h2>\r\n<ul class=\"[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\">\r\n\t<li class=\"whitespace-normal break-words pl-2\"><span style=\"color: #15384e\"><a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/www.figma.com\" target=\"_blank\" rel=\"noopener\">Figma - Site officiel<\/a><\/span><\/li>\r\n\t<li class=\"whitespace-normal break-words pl-2\"><span style=\"color: #15384e\"><a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/help.figma.com\" target=\"_blank\" rel=\"noopener\">Figma Help Center<\/a><\/span><\/li>\r\n\t<li class=\"whitespace-normal break-words pl-2\"><span style=\"color: #15384e\"><a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/www.figma.com\/community\" target=\"_blank\" rel=\"noopener\">Figma Community<\/a> - ressources et templates<\/span><\/li>\r\n\t<li class=\"whitespace-normal break-words pl-2\"><span style=\"color: #15384e\"><a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/www.figma.com\/community\/plugins\" target=\"_blank\" rel=\"noopener\">Figma Plugins Marketplace<\/a><\/span><\/li>\r\n\t<li class=\"whitespace-normal break-words pl-2\"><span style=\"color: #15384e\"><a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/friends.figma.com\" target=\"_blank\" rel=\"noopener\">Friends of Figma<\/a> \u2014 communaut\u00e9s locales (Paris, Nantes, Lille...)<\/span><\/li>\r\n\t<li class=\"whitespace-normal break-words pl-2\"><span style=\"color: #15384e\"><a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" style=\"color: #15384e\" href=\"https:\/\/www.swash-formation.fr\" target=\"_blank\" rel=\"noopener\">Notre formation HTML5\/CSS3<\/a> \u2014 un compl\u00e9ment naturel pour comprendre ce que Figma produit c\u00f4t\u00e9 code<\/span><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div data-test-render-count=\"1\">\r\n<div class=\"group\">\r\n<div class=\"contents\">\r\n<div class=\"group relative relative pb-3\" data-is-streaming=\"false\">\r\n<div class=\"font-claude-response relative leading-[1.65rem] [&amp;_pre&gt;&lt;p&gt;div]:bg-bg-000\/50 [&amp;_pre&gt;div]:border-0.5 [&amp;_pre&gt;div]:border-border-400 [&amp;_.ignore-pre-bg&gt;div]:bg-transparent [&amp;_.standard-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.standard-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8 [&amp;_.progressive-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.progressive-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8\">\r\n<div>\r\n<div class=\"grid grid-rows-[auto_auto] min-w-0\">\r\n<div class=\"row-start-2 col-start-1 relative grid isolate min-w-0\">\r\n<div class=\"row-start-1 col-start-1 relative z-[2] min-w-0\">\r\n<div>\r\n<div class=\"standard-markdown grid-cols-1 grid [&amp;_&gt;&lt;p&gt;_*]:min-w-0 gap-3 standard-markdown\">\r\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">\u00a0<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","link":"https:\/\/www.swash-formation.fr\/les-plus-demandees\/formation-figma\/","name":"Figma","slug":"formation-figma","taxonomy":"etiquette","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette"}],"about":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/taxonomies\/etiquette"}],"wp:post_type":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation?etiquette=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}