Designer un site sans Figma
Un test grandeur nature : concevoir et mettre en ligne un site complet sans maquette, pour vérifier si l'outil graphique est encore nécessaire.
Stack
- Claude Code
- Astro
- GSAP
- GitHub
- Vercel
- Statut
- Expérimentation · cabinet fictif, démo en ligne
- En ligne
- delorme-saulnier.vercel.app
Le problème
Le design de sites, c'est mon métier. Jusqu'ici, chaque projet commençait par une maquette Figma : le style se cherche, se valide, puis part en développement. Cette phase coûte des jours de travail, avant même de savoir si la direction est la bonne. Le développement, lui, passe déjà par Claude Code, l'outil avec lequel je construis mes sites. Restait une question de process : est-ce que l'outil graphique est encore nécessaire, ou est-ce qu'on peut chercher le design directement dans le code ?
Le protocole
Pour trancher, j'ai monté un protocole : concevoir un site complet, du moodboard à la mise en ligne, sans ouvrir Figma une seule fois. Le client est fictif, un cabinet d'avocats d'affaires inventé pour l'exercice, Delorme & Saulnier. La direction visuelle existe quand même, mais en texte : un fichier qui fixe les couleurs, la typographie et les espacements, dérivés d'un site de référence repéré au moodboard. Claude Code construit à partir de cette description, et tout se décide dans le navigateur : je regarde le rendu, je demande la correction, je regarde à nouveau.
Le résultat
Le site est en ligne, animations comprises. Le verdict est net dans les deux sens. Pour explorer, c'est très efficace : une première version cohérente arrive vite, et changer d'avis coûte une phrase, pas une maquette à refaire. Pour la finition, c'est l'inverse : les derniers réglages d'alignement, d'espacement et d'animation demandent beaucoup d'allers-retours, là où ma main sur l'outil graphique aurait été plus directe. Je garde donc Figma dans mon process client et je classe ce test en expérimentation. Ce qu'il m'a appris : l'outil graphique n'est plus indispensable pour trouver une direction, il le reste pour la tenir jusqu'au bout.
En entreprise
En entreprise, ce mode de travail sert au prototypage : tester plusieurs directions d'interface sur un vrai écran, qui se clique, avant d'engager un budget de design et de développement. Une idée se juge mieux en la manipulant qu'en regardant une image figée.