Home Projets Articles Profil AI Studio Me contacter
Laboratoire · Design Systems × IA générative

Cinq marques.
Cinq systèmes.
Pilotés par l'IA.

Nike, Apple, Airbnb, Spotify, McDonald's. Pour chacune, un design system complet et l'interface qui en découle, conçus en dirigeant l'IA générative de bout en bout.

Le parti pris

L'IA ne dessine pas à ma place. Elle exécute ma direction, à l'échelle.

Chaque système a été construit en pilotant Figma par le code : variables, auto-layout, vrais composants à variants, états, documentation.

L'IA tient le clavier. Moi, je tiens la direction artistique et chaque arbitrage. Le goût, la cohérence, l'intention : ça ne se délègue pas.

Ce que ça change : la vitesse d'exploration devient illimitée. Un système complet, ses composants et son interface produite en quelques heures au lieu de quelques semaines, sans jamais sacrifier la rigueur.

Zéro valeur en dur. Tout est branché sur des tokens. Les icônes sont de vrais glyphes Font Awesome, l'imagerie est générée et détourée. Un designer augmenté, pas remplacé.

En tout : 5 marques, 10 interfaces, 45+ composants à variants, 100 % tokenisé, dark mode natif.

01

Nike

L'énergie, mise en système.

Un volt électrique sur du noir absolu, une typo qui crie (Anton en display, Oswald en condensé), des boutons taillés en pill pour l'action. Le système respire la performance.

Cartes produit, badges, stepper de quantité, navigation, tab bar mobile : chaque brique est un vrai composant à variants. La landing pousse le tout dans un hero d'action plein cadre.

Anton + OswaldVolt #E5FF00Boutons pill
Landing Nike⤢ Voir la landing
02

Apple

Le silence comme matériau.

Tout est dans le vide. Le produit flotte, la typographie respire (Inter, du Display au Caption), chaque pixel a gagné sa place. Un bleu unique, #0071E3, pour la seule action qui compte.

Le minimalisme jusqu'au composant : segmented control, toggle, cartes produit qui laissent le titane briller, fiche Apple One sombre. La landing orchestre un hero marketing et une grille bento.

InterBleu #0071E3Bento
Landing Apple⤢ Voir la landing
03

Airbnb

L'hospitalité, structurée.

Des coins arrondis, une chaleur corail (le fameux Rausch), du Poppins rond et accueillant. Un système qui donne envie de partir avant même d'avoir lu une ligne.

La pièce maîtresse : la barre de recherche signature, reconstruite en composant. Cartes logement avec note, cœur et prix ; filtres par catégorie en glyphes ; la landing déroule hero, listings et bande Expériences.

PoppinsRausch #FF385CSearch bar
Landing Airbnb⤢ Voir la landing
04

Spotify

Le rythme en interface.

Fond noir profond, vert électrique, pochettes qui prennent toute la place. Montserrat du Black au Regular. Un système pensé pour le son, pas pour le bruit visuel.

Deux écrans d'app : un Accueil au dégradé signature, grille d'accès rapide et mini-lecteur ; un Now Playing immersif, tous les contrôles en vrais glyphes. Bouton Premium, track row, chips, barre de progression.

MontserratVert #1DB954Dark natif
Landing Spotify⤢ Voir la landing
05

McDonald's

La gourmandise, cadrée.

Rond, chaleureux, appétissant. Du Nunito généreux, des rayons larges, du rouge et du jaune assumés. Un système qui sourit et donne faim.

Deux écrans d'app : un Accueil avec promo plein cadre, chips catégories et grille « le plus commandé » ; une fiche produit Big Mac avec choix du menu et panier épinglé. Bouton, badge, carte produit, compteur.

NunitoRouge #DA291CJaune #FFC72C
Landing McDonald's⤢ Voir la landing
Sous le capot

Du token à l'écran, par le code.

01 · DIRIGER

Je fixe le cap

La marque, ses codes, les contraintes, la direction artistique. L'IA n'invente pas le goût, elle l'applique.

02 · INDUSTRIALISER

Tout par le code

Variables, composants à variants, auto-layout, états, icônes Font Awesome, imagerie générée et détourée. Aucune valeur en dur.

03 · DÉCLINER

Du système à l'usage

Landing, app, fiche produit. La cohérence n'est pas vérifiée après coup : elle est garantie par construction.

Figma Plugin API Tokens sémantiques Composants à variants Auto-layout Font Awesome Imagerie générative Dark mode
La suite

Votre design system
mérite la même rigueur.

Cinq marques mondiales en démonstration. Imaginez ce que ça donne sur la vôtre : un système cohérent, documenté et décliné, à la vitesse de l'IA.