Le blog, écrit en public.
20 ans d'expérience condensés en articles pratiques sur le design, le code et l'automatisation.
Importer ton design system Figma dans Claude Design : le flow complet, du fichier .fig au prototype
Claude Design (Anthropic Labs) génère prototypes, decks et templates avec ta marque. Le flow complet pour importer ton design system Figma — du fichier .fig parsé localement à la première génération.
Claude ne devine pas ta marque — voici comment lui donner ton design system et ta voix (2026)
« Fais-le moderne et premium » donne du générique. Le vrai levier, c'est de donner à Claude ton vrai système : tokens via MCP, voix par l'exemple, et un CLAUDE.md qui sert de contrat. Le guide d'un praticien.
Construire une app de gestion des dépenses au Québec avec Claude Code : du PRD au déploiement
Guide complet pour créer une application Next.js de suivi des revenus et dépenses avec calcul automatique TPS/TVQ, numérisation de factures par IA et rapports mensuels — le tout généré avec Claude Code.
Anatomie d'une landing page qui convertit : structure, UX, CTA et intégrations CRM
De la structure hero-to-CTA aux intégrations HubSpot, Salesforce et Pipedrive : le guide technique complet pour construire des landing pages qui transforment le trafic en leads qualifiés.
Site statique vs WordPress : pourquoi l'IA change complètement la donne
WordPress domine le web depuis 20 ans, mais l'arrivée de l'IA redéfinit les règles du jeu. Les sites statiques et les frameworks modernes comme React offrent un terrain de jeu idéal pour l'intelligence artificielle — et ça change tout pour les entreprises.
Pipeline email IA : la rédaction n'est pas le problème — depuis novembre 2025, Gmail rejette tes envois non conformes
Automatiser la rédaction d'un email est facile. Ce qui décide s'il arrive, c'est la conformité — et Gmail rejette désormais définitivement les expéditeurs hors normes. L'architecture complète d'un pipeline email IA qui passe.
J'ai migré 20 ans de fichiers PSD vers Figma. Voici ce que personne ne dit sur les design systems.
Migrer un patrimoine de milliers de PSD vers Figma n'est pas un changement d'outil — c'est une reconstruction. Les surprises techniques, les pièges humains, et ce que l'IA change vraiment au processus en 2026.
Reels monte à 20 minutes, mais l'algorithme te coupe à 3 : designer pour le vertical en 2026
Les plateformes allongent sans cesse leurs limites — Reels atteint 20 minutes — mais l'algorithme et les taux de complétion punissent la longueur. Comment adapter ton design system au format 9:16 sans le trahir.
Pourquoi tes animations React rament à 30 fps — et le réflexe Framer Motion qui corrige ça
Une animation qui saccade vient presque toujours d'une propriété mal choisie. Le réflexe qui corrige ça, et les patterns Motion (ex-Framer Motion v12) pour des interfaces fluides à 60 fps.
Le prompt engineering pour le design est déjà dépassé — place au context engineering
Fignoler le wording d'un prompt comptait en 2023. En 2026, la qualité du design assisté par IA se joue sur le contexte : prompt système, few-shot, MCP et tool use. Le guide d'un praticien.
Le plus grand risque pour ta marque B2B en 2026, c'est de ressembler à tout le monde
Quand tout le monde utilise les mêmes outils IA, la même sans-serif minimaliste et la même palette feutrée, la ressemblance devient la stratégie la plus coûteuse. Comment construire une identité B2B qui inspire confiance en se démarquant.
Les 4 patterns React qui survivent à 18 mois de croissance produit (et les 3 qui s'effondrent)
Un projet React propre peut devenir un enchevêtrement en quelques mois. Voici les 4 patterns de composition qui tiennent à la croissance — et les 3 qui s'effondrent à coup sûr, avec React 19.
Génère 50 bannières d'un coup avec Node.js — mais arrête d'écrire ton texte en SVG à la main
Un pipeline Node.js produit cinquante variantes de visuels sociaux en moins d'une minute. Sharp pour composer et optimiser, Satori pour le texte — et tout ce qu'il ne faut surtout pas coder à la main.
L'accessibilité ne bride pas ton design, elle l'améliore — et l'échéance ADA vient justement de bouger
Designer accessible n'impose aucun compromis esthétique — c'est l'inverse. Les seuils qui comptent en 2026, ce qui est vraiment obligatoire (EAA, ADA), et l'échéance qui vient d'être repoussée.
Theming dans Figma : le multi-marques ne demande plus de dupliquer tes collections (ce que Schema 2025 a changé)
Variables, modes, Extended collections : gérer light, dark et plusieurs marques dans Figma sans dupliquer un seul composant — et ce que les annonces de Schema 2025 ont changé pour le theming.
Carrousel Instagram : 80 % du travail se joue sur la slide 1 (et la slide 3 te trahit)
La structure en 10 slides n'a rien de magique. En 2026, l'algorithme récompense les partages et punit le recyclé — voici où mettre vraiment ton énergie pour un carrousel qui se partage.
15 micro-interactions CSS sans une ligne de JavaScript (ce qui exigeait une lib hier)
Le soulignement qui glisse, la carte qui bascule en 3D, l'entrée animée sans display: none bricolé : 15 micro-interactions en CSS pur, à 60 fps, sans une ligne de JavaScript.
IA générative pour designers : arrête de parier ton workflow sur un modèle (Sora vient de mourir)
Le classement des outils d'IA générative change tous les trimestres — Sora vient de fermer, DALL-E a été remplacé. Plutôt que de parier sur un modèle, voici la méthode de praticien qui survit aux versions.
Tu n'as probablement pas besoin de D3.js — voici les 20 % de cas où il est irremplaçable
La plupart des gens dégainent D3 quand une bibliothèque plus simple suffirait. Voici quand D3.js est vraiment irremplaçable, et quoi utiliser le reste du temps — y compris WebGPU, désormais Baseline.
10 combinaisons de polices qui élèvent un design — et le réglage technique que 90 % des designers oublient
Le pairing est l'étape facile. Voici 10 combinaisons de polices que j'utilise vraiment — et le réglage de hauteur d'x et de performance que la plupart des designers oublient, en 2026.
Templates email responsive : les erreurs que 90 % des designers font (et celles qui vont disparaître en 2026)
Le moteur de rendu de Word, cause n°1 des emails cassés, meurt en 2026. Voici les erreurs qui sabotent encore tes campagnes — et celles qu'il ne faut surtout pas corriger trop vite.
Le visuel social qui convertit se joue en 2 secondes — et la plupart des designers optimisent la mauvaise chose
Une bannière a deux secondes pour arrêter le scroll. En 2026, un master 4:5 couvre presque tout et l'IA gère la production — le vrai levier de conversion est ailleurs, et la plupart des designers l'ignorent.
Du token Figma au composant React en 5 étapes — et la moitié de la glue d'avant ne sert plus à rien
Le pipeline token→composant que tout le monde recopie est à moitié périmé. Depuis Tailwind v4 et la spec Design Tokens stable, voici les 5 étapes qui comptent vraiment pour passer de Figma à React.
N'importe quelle IA te pond un deck en un prompt — voici pourquoi je construis encore un pipeline PowerPoint pour mes clients
Gamma, Copilot et compagnie génèrent un deck en un prompt — puis l'export casse ta charte. Le pipeline python-pptx que j'utilise pour livrer du PowerPoint natif, conforme à la marque, slide par slide.
Ton design system parle maintenant à une IA : ce qui change vraiment dans Figma en 2026
En 2026, un design system n'est plus une bibliothèque de composants : c'est la couche que l'IA lit pour comprendre ton produit. Ce que Figma a réellement livré en 2025, et comment bâtir sans usine à gaz.