Le métier de designer n’a cessé d’évoluer et l’apparition de l'intelligence artificielle (IA) dans notre quotidien va de nouveau transformer notre manière de travailler.
Loin d’être un simple outil, l’IA s’impose comme une alliée précieuse, révolutionnant la façon dont nous concevons, collaborons et innovons.
Dans cet article, j’aimerais partager avec vous mes réflexions sur l’impact de l’IA sur les designs systems : quels bénéfices concrets pour nous, designers ? Quels défis devons-nous relever ? Et surtout, à quoi pouvons-nous nous attendre dans un avenir proche ?
Comment l’IA pourrait améliorer les Design Systems sur Figma
1. Dites adieu aux tâches répétitives
Soyons honnêtes : en tant que designers, nous passons beaucoup de temps à ajuster des détails qui, bien que nécessaires, sont répétitifs et chronophages. Grâce à l’IA, on pourrait enfin se libérer de ces contraintes. Par exemple, on pourrait imaginer un plug-in ou une fonctionnalité native de Figma capable de gérer pour nous des ajustements fastidieux, comme le redimensionnement de composants ou la création d’états multiples.
Et ce n’est pas tout : Color Contrast Checker, un outil qui aide à vérifier si les couleurs respectent les normes d’accessibilité (WCAG), pourrait évoluer pour corriger automatiquement et intelligemment les contrastes. Cela garantirait que nos designs restent toujours conformes aux standards d’accessibilité, sans nécessiter d’intervention manuelle. Pas besoin de perdre des heures à peaufiner chaque détail : un gain de temps précieux pour se concentrer sur ce qu’on aime vraiment faire, créer !
2. Des suggestions qui font mouche
Imaginez une IA intégrée directement dans Figma qui pourrait analyser vos anciens projets d’un même client pour proposer des combinaisons de couleurs ou des layouts optimisés adaptés à vos besoins actuels. Cette fonctionnalité serait particulièrement utile pour harmoniser les design systems existants et identifier des améliorations possibles.
De plus, on peut imaginer des plug-ins intelligents capables de passer en revue votre design system pour détecter les composants dupliqués, non conformes ou obsolètes. Un tel outil, intégré dans un environnement comme Figma, offrirait un tableau de bord clair pour organiser et maintenir la cohérence de vos designs. Adieu le bazar, bonjour la clarté.
3. Des prototypes en un claquement de doigts
J’adore créer des prototypes interactifs dans Figma et c’est parfois un vrai casse-tête, surtout quand il s’agit d’ajouter des micro-interactions ou des transitions fluides. Cependant, imaginez une IA directement intégrée dans Figma, capable de transformer vos maquettes en prototypes fonctionnels en un clic, sans avoir besoin d’outils tiers.
Une telle IA pourrait aussi analyser nos designs systems pour proposer des composants cohérents avec des enchainements d’interactions qui respectent les meilleurs principes UX. On obtiendrait rapidement des prototypes efficaces et visuellement percutants, tout en restant fidèles à notre charte graphique.
Pour aller plus loin, n’hésitez pas à jeter un œil à notre Meet-up IA avec Raphaël Meyrou, UX Strategist chez Keley, sur le sujet de l’innovation Sprint, et la façon dont l’IA peut pour donner vie à vos concepts en devant un co-pilote.
Pour terminer, impossible de ne pas mentionner la tentative ratée de l'intégration de l'IA dans Figma. Présentée pendant la Config 2024 comme une avancée révolutionnaire, cette fonctionnalité a vite été retirée après des retours négatifs de la communauté. Les designers ont souligné un manque de contrôle, des propositions souvent à côté de la plaque et un impact discutable sur la productivité. Une belle démonstration que l’IA ne peut pas tout remplacer et qu’elle doit être pensée comme un outil d’assistance plutôt que comme une solution miracle.
Les défis qu’il faut garder en tête
1. La dépendance peut être un problème
Confier trop de tâches à l’IA, c’est risquer de perdre un peu de notre expertise de designer. Par exemple, si un jour elle propose des composants tout faits, il faudra rester vigilant pour qu’ils soient propres et respecte la bonne charte graphique. Gardons toujours un œil critique, l’IA n’est pas une solution magique
2. L’IA ne comprend pas toujours les subtilités
Malgré ses capacités, l’IA n’a pas notre intuition ni notre compréhension des émotions humaines. Parfois, il faut corriger ou adapter ses propositions pour qu’elles soient parfaitement alignées avec le contexte ou les attentes des utilisateurs. Une IA n’est qu’un outil, pas un designer.
3. Le coût et apprentissage
Intégrer l’IA demande parfois un coût initial non négligeable, que ce soit en temps ou en ressources. Et oui, il faut aussi apprendre à bien utiliser ces outils, ce qui peut décourager au début. Honnêtement, l’effort en vaut la peine. 😉
L’entraînement d’une IA requiert également des ressources importantes, ce qui peut limiter son accessibilité à certaines entreprises.
On verra comment Figma intègre intelligemment l’IA dans son logiciel. (après un premier essai raté en 2024)
4. Une IA limitée par le passé
L’IA apprend en se basant sur les designs existants, ce qui peut parfois limiter sa capacité à s’adapter à un contexte entièrement nouveau et à faire preuve d’inventivité.
Une IA aurait-elle été capable d’imaginer la transition vers les interfaces tactiles à une époque où aucun design d’interface n’était conçu pour cela ?
Cette dépendance aux modèles passés signifie que l’IA est plus performante pour optimiser des solutions existantes que pour initier de véritables révolutions en design. Cela reste un défi majeur lorsqu’il s’agit d’innovation dans les designs systems.
Vers quoi on se dirige ?
1. Des design systems adaptatifs
Imaginez une application mobile, un site internet ou une interface métier qui s’adapte automatiquement à vos données utilisateurs en temps réel. Avec l’IA, ce futur n’est pas loin. Par exemple, un outil comme UXPin Merge permet déjà d’intégrer des composants basés sur des données utilisateur, ajustant ainsi dynamiquement les styles ou interactions pour refléter les comportements observés.
Un cas concret ? Pensez à une application où les éléments d’interface, comme la couleur des boutons ou la typographie, s’ajusteraient automatiquement en fonction de l’heure de la journée ou des préférences de l’utilisateur, créant ainsi une expérience ultra-personnalisée et engageante.
2. Une collaboration humain-IA fluide
Pour moi, l’IA ne remplace pas le designer, elle l’amplifie. C’est comme avoir un co-équipier hyper-efficace qui anticipe vos besoins, simplifie votre travail et vous laisse vous concentrer sur l’essentiel. Par exemple, des outils comme Runway ML ou Midjourney (découvrez notre tuto Midjourney pour débutant) permettent de générer rapidement des visuels ou des animations à partir de prompts simples, ce qui accélère les étapes exploratoires de création. Mais c’est vous qui gardez les commandes, toujours, pour décider des ajustements ou des directions finales.
3. Créativité sans limite
Imaginez demander à Figma de générer une un wireframe ou un prototype à partir d’un simple prompt, comme "créé un site d’e-commerce minimaliste avec une barre de navigation et un carrousel avec des couleurs tendances”. Avec des outils comme DALL·E ou des plugins similaires intégrés à Figma, cela pourrait devenir une réalité.
Un exemple concret : un designer travaillant sur une campagne de marketing peut rapidement générer des visuels adaptés au style de l’entreprise sans devoir externaliser la création graphique. Cela économise du temps tout en enrichissant le processus créatif.
On peut aussi imaginer que : ces mêmes outils pourraient créer des motifs ou des illustrations qui respectent parfaitement votre charte graphique, grâce à des entrées précises et bien définies. Ces innovations repoussent les limites de notre imagination et de nos possibilités.
Conclusion
L'IA évolue à une vitesse fulgurante. Le temps d'écrire ces lignes, certaines des solutions mentionnées ici pourraient déjà exister ou, au contraire, être devenues obsolètes.
Pour moi, l’IA représente une opportunité formidable pour réinventer notre manière de travailler avec les designs systems. Elle pourrait automatiser un certain nombre de tâches ennuyeuses et ouvre de nouvelles possibilités, mais elle exige aussi qu’on reste critique et impliqué.
Ce que je retiens, c’est que l’avenir n’est pas une opposition entre l’IA et les designers, mais une vraie collaboration. Alors, apprivoisons ces outils et voyons jusqu’où ils peuvent nous emmener. 🚀
Sources :
Pour aller plus loin sur le design system et l’IA découvrez les autres contenus Keley :
- Carroussel Linkedin :
Le monde fabuleux des Design System tokens
- Meetup IA Guillaum Goris, Head of Design chez Keley :
Comment l'IA transforme les méthodes de travail, les opportunités et les craintes qu'elle suscite dans le métier de Designer
- Meetup IA Raphael Meyrou, UX Strategist chez Keley en mission pour AXA :
L’innovation Sprint, ou comment utiliser l'IA comme copilote tout au long du Design Sprint
En attendant que Figma ne soit parfaitement opérationnel sur la génération autonome de Design Système, contactez nos experts pour vos besoins d’optimisation ou d’organisation !
