Claude Design testé avec un design system Figma

Un test met Claude Design face à un système de design issu de Figma pour juger sa capacité à générer une interface conforme. L’approche passe par l’import d’un fichier .fig et l’usage d’exemples fournis par le design system. L’essai intervient alors que des critiques reprochent aux outils d’IA d’ignorer tokens, composants et règles d’espacement.

Import d’un .fig et demande de recréation de mise en page

La méthode utilisée consiste à exporter le système de design au format .fig, puis à l'importer dans Claude Design. Une fois le fichier .fig prêt, il peut être chargé dans l'outil. Les exemples d'interfaces inclus dans le système servent alors d'entrées pour demander à Claude Design de recréer une mise en page de page web.

Un système Figma choisi pour sa structure et ses exemples

L'expérience repose sur le Simple Design System conçu par l'équipe de Figma. Ce système est présenté comme bien structuré et simple, ce qui facilite son utilisation. Il comprend également des exemples d'interfaces utilisateur construites à partir de ses composants et styles, qui peuvent être utilisés pour guider la génération attendue.

Objectif du test et premier constat sur le résultat

L'objectif consiste à déterminer si des outils d'IA, fréquemment accusés de ne pas prendre en compte les tokens, les composants, les règles d'espacement ou les modèles existants, sont capables de respecter un système de design authentique. Pour cela, un système élaboré dans Figma a été transmis à Claude Design, accompagné de la demande de générer un design d'interface utilisateur conforme à ce système. Le résultat a été jugé assez intéressant par la personne ayant mené l'expérience.