3 étapes pour me passer de Figma en dev solo — du vibe designing au design.md
Du prompt au feeling au fichier design.md versionné — comment un fichier source unique de tokens et de règles transforme des prompts IA en vraies specs.
3 étapes pour me passer de Figma en dev solo.
Étape 1 : le vibe designing
Je décris l'écran à l'IA, elle génère. Ça marche une fois. Puis tout dérive : les couleurs changent, les arrondis aussi, l'app devient un patchwork.
Étape 2 : un début d'uniformisation
Un bloc de tokens en tête de chaque prompt :
[COLOR_ACCENT] = #DC7A3F
[SHAPE_CTA] = pill
Le bloc porte l'identité, le prompt décrit l'écran. Je change de style en remplaçant le bloc. Mais dupliqué partout, il finit par dériver aussi.
Étape 3 : le design.md
Un seul fichier, source unique : tokens, règles, interdits. Les prompts pointent dessus et ne gardent que ce qui est propre à l'écran.
« Le bouton crème = l'action prioritaire, une seule par écran. » « Jamais de section vide affichée. »
Mes prompts sont devenus des specs. Une maquette montre un état, une spec décrit le système.
💡 Comme le vibe coding : ça commence au feeling, ça devient sérieux quand ça passe dans un fichier versionné.
Et toi, tu en es à quelle étape ?