Le contexte de l’innovation
Chez TREIZE, on n’est pas les derniers à prendre le train de l’innovation. Quand on a vu le potentiel de Claude, on s’est donné pour mission d’en explorer les possibilités sans perdre de vue ce qui fait l’ADN de notre équipe : garder notre statut d’expert et notre esprit critique en toute circonstance.
Les bases posées, l’expérimentation a démarré dans tous nos pôles. Dans mon cas, au design.
J’ai longtemps gardé une réserve vis-à-vis de l’IA dans un métier créatif. La création passe par des émotions humaines et par la volonté de les transmettre à un public. Ma première question a donc été : comment solliciter l’IA sans que ça dénature mon travail, ni que ça me fasse perdre le sens de ce que je fais au quotidien ? La réponse a fini par tenir en une phrase. Je garde la partie créative au complet, et je m’appuie sur Claude pour mieux aborder la partie technique.
Faciliter une transition d’un pôle à l’autre
Cette partie technique, chez nous, c’est la transition entre les maquettes et l’équipe de développement.
Après une discussion avec les développeurs, on a réalisé qu’il y avait moyen de standardiser les couleurs, les typographies ou les arrondis d’angles que j’avais moi-même choisis pendant la phase de direction artistique. Comme j’ai longtemps travaillé sur des interfaces pensées d’abord pour l’écran mobile, j’ai voulu aller plus loin : confier aussi tout le contexte que j’avais prévu pour le responsive, pour que rien ne se perde en chemin. J’ai donc connecté le MCP de Claude à mon compte Figma et lancé les premières analyses de mes maquettes.
L’approche itérative en guise de clé de voute
Il a fallu plusieurs itérations avant que Claude comprenne ma logique. Comme souvent avec l’IA, il y a d’abord eu de l’interprétation libre sur plusieurs éléments : des tailles de texte illisibles en mobile, des combinaisons de couleurs qui ne respectaient pas les normes de contraste entre autres. À force d’ajustements, et en apprenant à mieux formuler mes demandes, j’ai fini par obtenir un document qui reprend les breakpoints et l’intégralité des normes graphiques établies, avec des bases de code prêtes à l’emploi pour accélérer l’implémentation du style. On y trouve les conversions en em, les variables CSS fonctionnelles pour Tailwind ainsi que les comportements souhaités selon les résolutions d’écran.
Rien de ce que Claude produit n’est à prendre pour acquis. Il faut toujours réviser la sortie, et c’est exactement là que le processus prend son sens. C’est parce qu’on révise qu’on reste experts de notre propre travail. Au passage, ça oblige à affûter l’analyse fonctionnelle de ce qu’on souhaite produire ensuite.
Conclusion
Toute cette procédure est aujourd’hui un skill Claude qu’on utilise à l’interne et qu’on améliore en continu, au fil de notre montée en compétence sur les outils IA et de notre façon de traiter les interfaces sur différentes résolutions d’écran. Concrètement, on a réduit les allers-retours au quotidien et on communique mieux entre les pôles. Dans une équipe de notre taille, ça change beaucoup de choses.
