Insider One convertit les designs en campagnes via Figma MCP
Insider One convertit les designs en campagnes via Figma MCP
Les équipes de marketing et d'engagement client sont contraintes d'avancer plus vite – en lançant des campagnes sur tous les canaux tout en s'assurant que chaque point de contact demeure conforme à la marque. Pour Insider One, une plateforme d'engagement client de confiance basée à Istanbul et adoptée par plus de 2 000 entreprises, cela signifie repenser la manière dont les campagnes sont créées.
Traditionnellement, les équipes comptaient sur des modèles et l'édition manuelle dans l'éditeur visuel d'Insider One. Cependant, à mesure que les attentes des clients ont augmenté, le besoin de flexibilité et de rapidité s'est accru. En s'intégrant au serveur MCP de Figma, Insider One permet un nouveau workflow : transformer instantanément les fichiers de design Figma en campagnes entièrement fonctionnelles – pilotées par l'IA et conçues pour évoluer.
Défi : équilibrer rapidité et cohérence de marque
La plateforme d'Insider One est conçue pour aider les équipes de marketing et d'engagement client à créer et à offrir des expériences personnalisées – RCS, e-mails, notifications push, gamification, et plus encore. Au cœur de ce workflow se trouve un éditeur visuel qui permet aux équipes de concevoir et de lancer des campagnes sans écrire de code.
Bien que puissante, cette approche comportait des compromis. La plupart des clients ont commencé avec des modèles prédéfinis (les campagnes saisonnières telles que le Black Friday ou les promotions du Nouvel An) et les ont adaptés à leur marque. Cela a bien fonctionné en termes de rapidité, mais a introduit des limitations. Les modèles limitaient la créativité, et les adapter aux directives de la marque nécessitait souvent un effort manuel. Pour les équipes disposant de design system solides, recréer des designs dans l'éditeur visuel pouvait s'assimiler à une duplication du travail.
En même temps, la collaboration entre les équipes de design et de marketing n'était pas toujours fluide. Les designers utilisaient des outils tels que Figma, tandis que les spécialistes du marketing exécutaient des campagnes dans Insider One. Combler cet écart signifiait convertir des designs statiques en expériences vivantes – souvent manuellement.
« Nos clients équilibraient constamment rapidité et qualité. Les modèles les aidaient à avancer rapidement, mais souvent au détriment de la créativité et de la précision de la marque. Nous savions qu'il devait y avoir un meilleur moyen d'offrir aux équipes à la fois flexibilité et contrôle sans ajouter davantage de travail manuel », déclare Gülizar Sarı, product manager senior.
Alors que les campagnes gagnaient en rapidité, Insider One a vu une opportunité : aider ses utilisateurs à avancer plus vite et à concevoir librement, sans compromettre la qualité de la marque ou la fidélité du design.

Solution : connecter les designs Figma aux campagnes avec MCP
Pour résoudre ce problème, Insider One s'est intégrée au serveur MCP de Figma dans son tout nouvel agent de conception – un moyen pour les systèmes d'IA de comprendre les données de conception structurées et d'agir en conséquence.
Au lieu de s'appuyer sur des modèles, les clients peuvent désormais intégrer leurs propres designs directement dans Insider One en utilisant un lien Figma.
« Design Agent accélère vraiment la façon dont nous créons des fenêtres contextuelles », déclare Thu Đỗ, porte-parole du client d'Insider One, FSCHOOL. « L'IA propose des idées créatives qui sont attrayantes et ont réellement du sens. C'est également très facile à utiliser, de sorte que même les nouveaux utilisateurs peuvent commencer sans aucune difficulté. De plus, il peut générer des animations et des effets subtils qui semblent vraiment fidèles à la marque, ce qui nous permet de réserver notre PSL pour des cas d'utilisation plus avancés avec personnalisation des règles, au lieu d'une simple personnalisation du design. »
Avec MCP, la plateforme Insider One peut interpréter les fichiers Figma au-delà des simples visuels. Elle comprend la structure d'un design – identifiant les éléments tels que le texte, les images, les boutons et les mises en page. Cette compréhension structurée permet à l'IA d'effectuer une opération fondamentalement nouvelle : transformer automatiquement des designs en campagnes fonctionnelles.

Sous le capot, ce workflow convertit les designs Figma en données structurées lisibles par machine. Lorsqu'un utilisateur fournit un lien Figma, Insider One utilise le serveur MCP de Figma pour extraire une représentation détaillée du fichier – capturant la hiérarchie des éléments, les styles partagés et les propriétés de mise en page. Toutes les données sont incluses, de la typographie et des couleurs à l'espacement et au positionnement, et sont cartographiées sous forme de données structurées plutôt que de pixels.
Ces données sont ensuite enrichies côté serveur, où les informations de mise en page et de style sont converties en CSS. En même temps, les actifs d'images sont résolus via les API de Figma, garantissant que toutes les données, des images intégrées aux graphiques vectoriels complexes, sont récupérées avec précision. Parce que l'IA fonctionne selon une séquence contrôlée (d'abord en rassemblant toutes les données de conception, puis en générant les résultats), rien n'est laissé au hasard.
Il en résulte des fichiers HTML, CSS et JavaScript prêts pour la production qui correspondent directement au fichier Figma original. Chaque détail est préservé, des valeurs exactes des pixels au texte mot à mot, garantissant une fidélité visuelle complète. Les designs ne sont pas approximatifs ou recréés – ils sont traduits.

Pour les spécialistes du marketing, cela change le point de départ. Au lieu de commencer par un modèle, ils commencent par leur propre design system. Une campagne conçue dans Figma peut être importée, adaptée et lancée sans devoir être recréée manuellement dans l'éditeur visuel.
« En connectant directement le serveur MCP de Figma à notre workflow, nous n'avons plus besoin de demander aux équipes de recréer ce qui existe déjà. Figma devient le point de départ, et notre plateforme transforme instantanément ces designs en campagnes entièrement fonctionnelles – tout en préservant chaque détail et en éliminant les frictions », déclare Gülizar Sarı.
L'IA joue un rôle clé dans ce workflow. Une fois qu'un design est connecté, les équipes peuvent :
- Générer des variantes de campagne (par exemple, des versions saisonnières ou des tests A/B)
- Adapter le message tout en préservant la mise en page et la structure
- Localiser ou personnaliser rapidement le contenu à grande échelle
L'éditeur visuel joue toujours un rôle – mais il devient un moyen d'optimisation et non de divertissement.
Cette intégration connecte efficacement trois calques :
- Design (Figma) : où la marque et la mise en page sont définies
- IA (via MCP) : qui comprend et transforme le design
- Exécution (Insider One) : où les campagnes sont lancées et optimisées
Il en résulte un workflow plus fluide entre le design et le marketing – piloté par un contexte partagé.
Résultat : des campagnes créées plus rapidement, avec des designs qui demeurent conformes à la marque
En intégrant le serveur MCP de Figma, InsiderOne est passé d'un modèle basé sur des modèles à un modèle orienté sur le design. Pour les clients, l'impact est immédiat.
La création de campagnes est nettement plus rapide. Au lieu de reconstruire des designs à partir de zéro ou d'adapter des modèles, les équipes peuvent commencer à partir d'actifs prêts pour la production. Cela limite le travail manuel et réduit le temps s'écoulant entre l'idée et le lancement.
« Pour nos clients, le serveur MCP de Figma a radicalement accéléré le passage de l'idée à l'exécution. Ce qui nécessitait auparavant des heures de reconstruction peut maintenant se faire en quelques minutes, avec des campagnes qui sont immédiatement alignées sur l'intention de conception de départ », déclare Christopher Baldwin, vice-président du marketing.
En même temps, la cohérence de la marque s'améliore. Parce que les campagnes sont basées sur des designs Figma originaux, elles reflètent plus fidèlement l'identité visuelle de chaque entreprise. Les risques d'introduction d'incohérences par l'édition manuelle ou les contraintes de modèle sont plus faibles.
L'intégration améliore également la collaboration. Les designers et les spécialistes du marketing n'utilisent plus d'outils parallèles dans des workflows déconnectés. Figma devient une source de vérité partagée et Insider One le calque d'exécution – l'IA faisant le lien entre les deux.
Peut-être plus important encore, cela ouvre de nouvelles possibilités d'évolution. Parce que l'IA comprend la structure des designs, les équipes peuvent générer des campagnes et itérer dessus plus facilement – et ainsi tester des variantes, localiser du contenu et personnaliser des expériences sans repartir de zéro à chaque fois.
Ce qui était auparavant un processus manuel basé sur des modèles est désormais un système flexible et intelligent – un système qui s'adapte à chaque marque au lieu d'obliger les marques à s'adapter à lui.
« Il s'agit de bien plus que de la vitesse, il s'agit de réaliser toute la valeur du design. Avec le serveur MCP de Figma, nous disposons d'un workflow où le design, l'IA et l'exécution sont entièrement connectés, afin que les équipes puissent faire évoluer des expériences de haute qualité et conformes à la marque sans compromis », déclare Christopher Baldwin.
En se rapprochant de Figma via le serveur MCP, Insider One redéfinit la façon dont les campagnes sont créées – et permet aux équipes d'avancer plus vite, de rester conformes à la marque et d'exploiter pleinement la valeur de leurs designs.
Découvrez comment Figma vous aide à faire évoluer le design
Un design d'exception peut aider votre produit et votre marque à se différencier. Et comme on ne crée de grandes choses qu'à plusieurs, Figma rassemble les équipes produit au sein d'un workflow de conception rapide et plus inclusif.
Contactez-nous pour découvrir comment Figma peut aider votre entreprise à accroître l'impact du design.
Nous verrons comment Figma peut vous aider à :
- Centraliser chaque étape du processus de conception, de l'idéation à la création en passant par la mise en œuvre
- Accélérer les workflows de conception avec des design systems partagés par toute l'entreprise
- Favoriser l'inclusion au sein du processus de l'équipe avec des produits web accessibles et simples d'utilisation