{"id":7373,"date":"2025-04-24T10:32:27","date_gmt":"2025-04-24T08:32:27","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?p=7373"},"modified":"2025-05-09T12:07:55","modified_gmt":"2025-05-09T10:07:55","slug":"figma-webflow-et-design-system-kevin-mercier-partage-son-experience","status":"publish","type":"post","link":"https:\/\/www.swash-formation.fr\/formateurs\/figma-webflow-et-design-system-kevin-mercier-partage-son-experience\/","title":{"rendered":"Figma, Webflow et design system : K\u00e9vin Mercier partage son exp\u00e9rience"},"content":{"rendered":"<h3 class=\"sousChap chapitre\">K\u00e9vin, peux-tu nous r\u00e9sumer ton parcours ?<\/h3>\n<p>\u00c7a commence par un heureux hasard ! \u00c0 la base, j&rsquo;imaginais bosser dans l\u2019immobilier puis, en bossant sur une id\u00e9e d\u2019appli avec un ami, j\u2019ai bascul\u00e9 dans le digital. J\u2019ai d\u2019abord fait un BTS en d\u00e9veloppement \u00e0 Orl\u00e9ans. C\u2019est comme \u00e7a que j\u2019ai mis pour la premi\u00e8re fois les mains dans le design\u2026 Et dans Illustrator. Ensuite, j\u2019ai fait un bachelor en Web Marketing et UX \u00e0 Hetic. D\u00e8s le BTS, j\u2019avais mes premiers clients, souvent des startups locales incub\u00e9es par Le Labo, \u00e0 Orl\u00e9ans. Je proposais des petits sites, des landings, des vitrines. Et je n\u2019ai jamais quitt\u00e9 le statut de freelance depuis.<\/p>\n<h3 class=\"chapitre\">Tu travailles beaucoup avec Webflow. Pourquoi ce logiciel ?<\/h3>\n<p>Je l\u2019ai adopt\u00e9 tr\u00e8s t\u00f4t, \u00e0 une \u00e9poque o\u00f9 quasiment personne ne l\u2019utilisait. Ce qui m\u2019a plu, c\u2019est sa capacit\u00e9 \u00e0 faire des sites propres, bien int\u00e9gr\u00e9s, sans plugin, avec un vrai contr\u00f4le sur le HTML et les CSS. Pour moi, Webflow, ce n\u2019est pas juste du no-code ou du low-code, c\u2019est une fa\u00e7on d\u2019aller vite sans sacrifier la qualit\u00e9. Et \u00e7a permet d\u2019accompagner les clients de A \u00e0 Z, du design \u00e0 la mise en ligne.<\/p>\n<h3 class=\"chapitre\">Tu penses que Webflow a sa place face \u00e0 WordPress ?<\/h3>\n<p>Oui, clairement. WordPress est puissant, mais il peut vite devenir lourd, surtout si on multiplie les plugins. Webflow me semble plus propre, plus rapide et plus simple \u00e0 maintenir. Et les agences s\u2019y mettent de plus en plus. Certaines font appel \u00e0 nous pour accompagner cette transition, d\u2019autres parce qu\u2019elles n\u2019ont pas les comp\u00e9tences en interne.<\/p>\n<h3 class=\"chapitre\">Tu prototypes directement tes projets dans Webflow ?<\/h3>\n<p>Non, je pense que Figma reste l\u2019endroit id\u00e9al pour exp\u00e9rimenter, tester, valider. Se lancer trop vite dans Webflow, c\u2019est risquer de faire une usine \u00e0 gaz. Quand tu dois modifier une classe, repenser une structure, Figma te permet d\u2019it\u00e9rer plus facilement. C\u2019est aussi un meilleur terrain pour faire collaborer designers et d\u00e9veloppeurs. Figma, ce n\u2019est pas juste un outil de design, c\u2019est un terrain de jeu collectif.<\/p>\n<h3 class=\"chapitre\">Aujourd\u2019hui, tu formes beaucoup d\u2019\u00e9quipes sur Figma. \u00c7a change quoi dans leur quotidien ?<\/h3>\n<p>\u00c7a change tout. Tu gagnes du temps, tu fluidifies les \u00e9changes, tu \u00e9vites des allers-retours st\u00e9riles. Et surtout, tu permets \u00e0 des profils non-designers de s\u2019int\u00e9grer dans le flux : marketing, produit, dev. Je vois souvent un d\u00e9clic d\u00e8s la premi\u00e8re journ\u00e9e de formation.<\/p>\n<h3><img decoding=\"async\" class=\"wp-image-7379 aligncenter\" src=\"https:\/\/www.swash-formation.fr\/wp-content\/uploads\/2025\/04\/IMG_8899-300x300.jpeg\" alt=\"\" width=\"550\" height=\"550\" srcset=\"https:\/\/www.swash-formation.fr\/wp-content\/uploads\/2025\/04\/IMG_8899-300x300.jpeg 300w, https:\/\/www.swash-formation.fr\/wp-content\/uploads\/2025\/04\/IMG_8899-150x150.jpeg 150w, https:\/\/www.swash-formation.fr\/wp-content\/uploads\/2025\/04\/IMG_8899-768x768.jpeg 768w, https:\/\/www.swash-formation.fr\/wp-content\/uploads\/2025\/04\/IMG_8899-100x100.jpeg 100w, https:\/\/www.swash-formation.fr\/wp-content\/uploads\/2025\/04\/IMG_8899.jpeg 960w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/h3>\n<h3 class=\"chapitre\">Tu accompagnes aussi des structures sur les design systems. C\u2019est quoi ta m\u00e9thode ?<\/h3>\n<p>D\u00e9j\u00e0, j\u2019essaie de garder \u00e7a simple. On commence par une rationalisation de l\u2019existant : quelles couleurs, quels composants, quelles typographies. Ensuite, on pose les fondations \u2014 ce qu\u2019on appelle les tokens \u2014 puis on construit une biblioth\u00e8que de composants. Et enfin la documentation qui arrive en dernier mais qui est essentielle : quand utiliser tel composant, pourquoi, dans quelles variantes. En sachant que les d\u00e9veloppeurs sont toujours dans la boucle car, si tu ne les embarques pas d\u00e8s le d\u00e9but, \u00e7a marche rarement ensuite !<\/p>\n<h3 class=\"chapitre\">Tu interviens sur des gros projets ?<\/h3>\n<p>Oui, j\u2019ai boss\u00e9 pour des clients comme la MSA, SNCF ou des grosses startups. Mais je peux aussi travailler avec une agence de 10 personnes qui veut structurer son travail. Et \u00e7a peut avoir autant d\u2019impact. Le design system, ce n\u2019est pas une question de taille, c\u2019est une question de maturit\u00e9.<\/p>\n<h3 class=\"chapitre\">Quelle est ta strat\u00e9gie pour trouver des clients ?<\/h3>\n<p>J\u2019ai longtemps fonctionn\u00e9 au bouche-\u00e0-oreille, mais depuis quelque temps, je structure davantage ma prospection. Je travaille avec ma s\u0153ur pour d\u00e9velopper une approche plus proactive. Nous avons \u00e9t\u00e9 accompagn\u00e9s par Scalezia, une entreprise sp\u00e9cialis\u00e9e dans la prospection, qui nous a aid\u00e9s \u00e0 mettre en place des strat\u00e9gies efficaces : on s\u2019est mis au cold calling et au social selling, notamment sur LinkedIn. Cela nous permet de cibler pr\u00e9cis\u00e9ment les agences et les entreprises qui pourraient b\u00e9n\u00e9ficier de nos services.\u200b Et \u00e7a marche plut\u00f4t bien !<\/p>\n<h3 class=\"chapitre\">Tes outils du quotidien ?<\/h3>\n<p>Au-del\u00e0 de Figma et Webflow, j\u2019utilise beaucoup Tokens Studio et Zeroheight. J\u2019ai aussi explor\u00e9 Bubble, Glide, Shopify\u2026 Je garde toujours un \u0153il sur les alternatives. Par exemple Framer depuis quelque temps. Mais je trouve Webflow plus robuste que Framer pour des projets \u00ab s\u00e9rieux \u00bb.<\/p>\n<h3 class=\"chapitre\">Et ta veille ?<\/h3>\n<p>Medium reste ma source pr\u00e9f\u00e9r\u00e9e pour les articles de fond. La version gratuite \u00e9tant assez limit\u00e9e, j&rsquo;ai m\u00eame pris un abonnement. J\u2019aime bien aussi ce que peut proposer Mickadoule sur YouTube. Et puis \u00e9videmment beaucoup de benchmark de sites. Je passe beaucoup de temps \u00e0 observer, analyser, d\u00e9cortiquer.<\/p>\n<h3 class=\"chapitre\">M\u00eame si on s\u2019en doute un peu, quelles formations animes-tu ?<\/h3>\n<p>J\u2019interviens sur quatre th\u00e9matiques : Figma, le design UI, les design systems et Webflow.<\/p>\n<h3 class=\"chapitre\">Pour quel public ?<\/h3>\n<p>Tr\u00e8s vari\u00e9 : agences de com, grands groupes, PME, ESN\u2026 Et beaucoup de profils en transition : des graphistes print qui veulent se digitaliser, des designers qui arrivent de XD ou de Sketch, des \u00e9quipes marketing qui doivent prendre en main un outil comme Figma pour collaborer avec le design ou le dev.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"question\">\ud83d\udc49 <a href=\"https:\/\/www.swash-formation.fr\/les-plus-demandees\/formation-figma\" target=\"_blank\" rel=\"noopener\">Nos formations Figma<\/a><\/div>\n<div class=\"question\">\ud83d\udc49 <a href=\"https:\/\/www.swash-formation.fr\/formation\/webflow-reussir-sa-prise-en-main\/\" target=\"_blank\" rel=\"noopener\">La formation Webflow<\/a><\/div>\n<p>&nbsp;<\/p>\n<p>Pour en savoir plus sur K\u00e9vin :<\/p>\n<div class=\"question\"><a href=\"https:\/\/www.kevin-mercier.co\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.kevin-mercier.co\/<\/a><\/div>\n<div class=\"exo question\"><a href=\"https:\/\/www.lapotion.co\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.lapotion.co\/<\/a><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>K\u00e9vin, peux-tu nous r\u00e9sumer ton parcours ? \u00c7a commence par un heureux hasard ! \u00c0 la base, j&rsquo;imaginais bosser dans l\u2019immobilier puis, en bossant sur une id\u00e9e d\u2019appli avec un ami, j\u2019ai bascul\u00e9 dans le digital. J\u2019ai d\u2019abord fait un BTS en d\u00e9veloppement \u00e0 Orl\u00e9ans. C\u2019est comme \u00e7a que j\u2019ai mis pour la premi\u00e8re fois les mains dans le design\u2026 &#8230;<\/p>\n","protected":false},"author":3,"featured_media":7378,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[323,248],"tags":[],"class_list":["post-7373","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formateurs","category-interview"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/posts\/7373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/comments?post=7373"}],"version-history":[{"count":8,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/posts\/7373\/revisions"}],"predecessor-version":[{"id":7386,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/posts\/7373\/revisions\/7386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/media\/7378"}],"wp:attachment":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/media?parent=7373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/categories?post=7373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/tags?post=7373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}