Concevoir une UI en vibecoding
Tu conçois une UI et tu veux voir le code se générer pendant que tu designes. Figma reste ta source de vérité, Lovable affiche le code à chaque move, Framer prend le relais pour les prototypes animés.
Pourquoi
Le designer ne livre plus un fichier mort. Le handoff classique : Figma → spec → ticket → écran dev qui ne ressemble plus au mockup : saigne du temps à chaque rotation. Tu maquettes pendant 3 jours, tu transmets, tu attends 2 semaines, et l'écran qui revient a perdu toutes les micro-décisions que tu avais cadrées dans Figma. Ce kit retourne le flux : tu gardes la main sur le rendu pendant l'exploration, sans dev. Tu produis une URL réelle que tu peux balancer à des utilisateurs ou stakeholders avant qu'une seule ligne de prod soit écrite. Le mockup et l'app convergent au lieu de…
Quand
Phase d'exploration UI ou validation produit, avant le ticket dev. Tu es designer, pas terminal-natif. ✅ Tu sais que c'est ton kit quand URL partageable : il te faut un lien à coller dans un Slack ou un mail à 18h pour un test utilisateur le lendemain Micro-interactions : tu veux valider une transition, une parallaxe, un état chaîné que Figma ne sait pas représenter Solo ou duo : tu travailles…
Outils inclus
- Figma
- Lovable
- Framer