Variant s’attaque au tout début du design
La plupart des outils de design IA vous demandent de vous expliquer : quel style, quelle palette, pour qui. Or c’est exactement ce qu’on est incapable de formuler quand l’idée a cinq minutes d’existence. Variant remplace le canevas vide par un flux visuel qu’on fait défiler : on tape « une app de voyage » ou « un site de podcast », puis on descend, et chaque arrêt est une autre lecture, un autre langage visuel.
L’auteur est Ben South, auparavant VP chez Postmates, également passé par Sonar et Bold. Sa thèse : le difficile, c’est la direction, pas le peaufinage. La plupart des gens ne bloquent pas parce qu’ils ne savent pas retoucher un design, mais parce qu’ils ne savent pas dans quelle direction le pousser.
Comment ça marche
Il n’y a rien à apprendre : une zone de saisie dans un coin, on tape, et la génération ne s’arrête pas à une première proposition, elle continue. On descend jusqu’à ce que quelque chose accroche. Un même prompt peut partir très loin : la même app de devinettes est revenue en rouge-orangé franc avec une mascotte cyclope et une typo noire épaisse, puis en vert chasseur profond avec un classement et une serif à l’italienne, puis en blanc pur avec une serif d’affichage à l’échelle d’une une de magazine. Même structure, trois univers.
Ce rythme d’exploration au défilement est bien plus rapide que l’écriture de prompts ; en contrepartie, c’est à vous de trancher dans un flux entier de résultats.
Style Dropper et les autres détails
- Style Dropper : une pipette de design. Pointez-la sur n’importe quel résultat généré et elle en aspire l’ADN visuel — palette, rythme typographique, densité de l’espace — avant de l’appliquer à votre projet, la mise en page se réordonnant en conséquence. Ben South la décrit lui-même comme « absurde, mais ça marche ».
- Shuffle Layout / Remix Colors / Vary Strong·Subtle : relancer une partie d’un résultat existant plutôt que de repartir de zéro — disposition, couleurs, ou variante plus ou moins appuyée.
- Export : chaque design s’exporte en HTML, ou en code React sur demande ; de l’exploration visuelle on passe directement à un prototype fonctionnel.
- Galerie de la communauté : pour voir jusqu’où d’autres vont — typographie monochrome en trame de points pour des flyers techno berlinois, portfolios brutalistes, terminaux de science-fiction vert sur noir.
Tarifs et faiblesses
D’après les comparatifs de tiers, Variant est freemium : un quota gratuit de l’ordre de 300 designs par mois, Pro autour de 20 dollars par mois, tarification sur mesure pour les équipes. Ces chiffres sont indicatifs — le site ne dévoile les tarifs complets qu’une fois à l’intérieur d’un espace de travail.
La faiblesse est ailleurs : Variant est bon pour produire des directions, faible pour corriger précisément. Éléments qui se chevauchent, espacements ratés : la voie officielle consiste à relancer, pas à pointer l’élément pour l’ajuster. Pour arriver à un écran fini, il faut ensuite passer par Figma ou éditer le code exporté.
Pour qui
Pour le tout début d’un projet, quand le style n’est pas encore défini et qu’il faut comparer une douzaine de pistes d’un coup d’œil. Aussi pour les démos et l’alignement en interne : envoyer un lien marche mieux que décrire « quelque chose de plus haut de gamme ». Ce n’est pas l’outil pour régler des pixels sur une charte graphique déjà établie.
