Le design augmenté par l'IA — sans le « slop »
Des interfaces générées par l'IA, affinées par des humains et livrées prêtes pour le code.
Nous utilisons des outils de design génératif comme Google Stitch et Open Design pour passer du brief à l'écran haute-fidélité en quelques heures, pas en quelques semaines. Vous gardez la main sur le goût et la stratégie ; l'IA absorbe la production. Et chaque design reste un fichier — versionnable, exportable, sans verrou propriétaire.
étapes, du brief à la livraison
directions visuelles proposées
sections dans chaque DESIGN.md
formats d'export — HTML · Figma · PDF
Le design génératif a explosé. Et il est resté fermé.
Le design génératif a explosé. Mais la plupart des outils restent fermés, opaques, et recrachent du « slop » dès qu'on les laisse décider seuls. Nous prenons l'inverse : la vitesse de l'IA, le goût d'un humain, et chaque livrable sous forme de fichier que vous gardez.
L'IA seule produit du « slop »
Laissée libre, elle empile les tendances sans hiérarchie ni intention. Un designer doit trancher le rythme, le contraste et ce qu'on enlève.
Les outils fermés vous enferment
Sortie jetable, format propriétaire, abonnement obligatoire. Quand vous partez, vous ne repartez avec rien d'exploitable.
Un design devrait être un fichier
Versionnable, lisible, diffable. Pas une capture figée dans un canvas que vous ne contrôlez pas.
Comment un brief devient un design livrable
Verrouiller le brief
Un formulaire de cadrage — surface, audience, ton, marque, échelle — fige le besoin avant le premier pixel. On évite 80 % des allers-retours en alignant l'intention en amont.
Choisir une direction visuelle
Plusieurs directions cohérentes : palettes OKLch, paires typographiques, principes de layout. Vous tranchez sur des partis pris, pas sur des nuances de gris.
Générer et itérer avec l'IA
Google Stitch et Open Design produisent des écrans haute-fidélité en direct. On redirige en cours de route, on confronte les variantes, on garde le meilleur.
Affiner et livrer comme du code
Un designer reprend chaque écran à la main via une checklist anti-slop, puis on exporte : design system DESIGN.md, maquettes Figma, artefacts HTML prêts à intégrer.
Plusieurs partis pris, une seule décision à prendre
Avant de générer le moindre écran, nous figeons une direction : palette OKLch, typographie, principes de layout. Vous tranchez sur l’intention, l’IA exécute — pas l’inverse.
Minimal éditorial
Grandes typographies, blancs généreux, le contenu est roi.
Néon dark
Fond sombre, accents fluo, profondeur et effets de halo.
Corporate confiance
Bleus profonds, grille stricte, un sérieux rassurant.
Brutalist
Contrastes francs, bordures nettes, parti-pris assumé.
Soft pastel
Tons doux, coins arrondis, chaleur et accessibilité.
Un seul fichier qui tient tout votre design
Le DESIGN.md est un design system portable et lisible — par votre équipe comme par un agent de code. Neuf sections, injectées dans chaque génération, réutilisables sur tous vos projets. Pas de Figma à licencier, pas de connaissance enfermée dans une tête.
Couleur
Palette OKLch, tokens sémantiques, modes clair / sombre.
Typographie
Échelle, paires de polices, graisses, interlignes.
Espacement
Grille, rythme vertical, tokens d'espace.
Layout
Conteneurs, breakpoints, principes de composition.
Composants
Boutons, cartes, formulaires — états compris.
Motion
Durées, courbes, micro-interactions.
Voix & ton
Wording, ton éditorial, do & don't.
Marque
Logo, iconographie, imagerie, signature visuelle.
Anti-patterns
Ce qu'on ne fait jamais — le garde-fou anti-slop.
Ni la lenteur d’une agence, ni le chaos de l’IA brute
| Agence classique | IA en libre-service | Notre approche | |
|---|---|---|---|
| Vitesse au premier proto | 2 à 4 semaines | Minutes — mais à retravailler | Quelques jours, prêt à valider |
| Cohérence visuelle | Variable selon le designer | Aléatoire, dérive vite | Verrouillée par le DESIGN.md |
| Propriété & portabilité | Fichiers Figma propriétaires | Sortie jetable, non structurée | Fichiers exportables & versionnables |
| Direction / goût | Fort mais lent | Inexistant | Piloté par un humain, anti-slop |
| Lock-in | Élevé (outils + agence) | Faible mais inutilisable | Zéro — vous repartez avec tout |
Six idées qui portent tout le reste
Un design = un fichier
Artifact-first : chaque écran est un artefact exportable, pas une capture dans un outil fermé.
Local-first, zéro lock-in
Vos designs et votre DESIGN.md vous appartiennent. Vous pouvez littéralement en faire un `git diff`.
Le goût ne se délègue pas
L'IA exécute la production ; un humain tranche la hiérarchie, le rythme et l'intention.
Brief verrouillé avant le pixel
Un formulaire de cadrage fige le besoin et évite la majorité des allers-retours.
Design system portable
Le DESIGN.md s'injecte dans chaque génération et se réutilise sur tous vos projets.
Composable & agent-friendly
Skills et systèmes se combinent ; un agent de code peut relire et prolonger le design.
Google Stitch, Open Design — et le bon humain aux commandes
Les réponses avant même de demander
L'IA conçoit-elle toute seule mon produit ?
Non. L'IA accélère la production ; un designer pilote le goût, la hiérarchie et la cohérence. Chaque écran passe une checklist anti-« slop » avant livraison — l'outil ne décide pas d'un seul pixel à votre place.
Mes designs restent-ils ma propriété ?
Totalement. Notre approche est local-first et artifact-first : chaque design est un fichier que vous récupérez. Aucun verrou propriétaire — vous pouvez littéralement faire un `git diff` de vos écrans.
Le design system est-il réutilisable par mes équipes ?
Oui. Le DESIGN.md (tokens, composants, règles d'usage) est lisible par n'importe quel dev, et même par un agent de code. Si vous nous confiez aussi le dev, l'intégration est exacte au pixel près.
Parlons de votre projet design
Premier échange gratuit, sans engagement. Vous repartez avec une direction visuelle et un périmètre chiffré sous 24 h ouvrées.