Du Figma au composant : ce qui ne doit pas se perdre en route
Entre la maquette validée et le composant en production, des intentions de design se perdent. Cinq habitudes pour qu’elles arrivent intactes.
Directeur artistique et développeur créatif à Paris et Bordeaux.
Je conçois et développe des sites web, des produits SaaS et des identités visuelles.
Le design et le code dans les mêmes mains, de la maquette à la mise en ligne.
- Heure et météo à Paris
--:-- à Paris, 8° ressenti 6° couvert
- Dernier articleDu Figma au composant : ce qui ne doit pas se perdre en route · 3 min de lecture
- GitHub· 414 contributions en 6 mois
Travaux récents, de l’idée à l’écran.
Une sélection de projets réalisés en agence et en freelance, de la direction artistique au développement.
- WebflowWebflow
- GSAPGSAP
Zélit
Développement du site de Zélit, plateforme d’aide à la vente pour les équipes commerciales, sur Webflow avec des animations GSAP.
- ReactReact
- Next.jsNext.js
- TypeScriptTypeScript
Neot Capital
Conception et développement du site de Neot Capital, acteur de la mobilité décarbonée : direction artistique, 3D et Next.js.
- Next.jsNext.js
- TypeScriptTypeScript
- ClaudeClaude
FleetWork
Une flotte d’agents IA pour faire tourner votre entreprise.
- Next.jsNext.js
- TypeScriptTypeScript
Coweekly
Le logement pensé pour votre semaine de travail.
Trois façons de travailler ensemble.
Trois expertises à mener ensemble ou séparément, pour des startups, des marques et des équipes produit.
- Sprint designParcours utilisateursTerminéWireframesEn coursTerminéDesign systemÀ faireAvancement1/32/3
Product design
Parcours, wireframes, UI et design system. Des écrans clairs, pensés avec les contraintes métier dès le départ, documentés pour le passage au code.
- AaGeistRegularMediumBold
Direction artistique
Une intention visuelle transformée en système : typographie, couleurs, grille, motion. Déclinée sur l’interface comme sur la marque.
- Maquette validéeComposants typésMise en ligne
Creative development
React, Next.js, TypeScript, Three.js. Je construis moi-même ce que je dessine, accessible au clavier, avec l’IA pour aller plus vite et une relecture à la main.
Mon carnet de bord, en libre accès.
Ce que j’apprends projet après projet, partagé tel quel : de la maquette au code, des design systems au motion, avec l’IA dans le process.
Brancher ses outils à l’IA avec les MCP, sans tout automatiser
Figma, Linear, Webflow, Vercel : comment je branche mes outils à Claude avec les MCP, comment je lis ce qu’ils savent faire et comment je garde la main pendant que l’assistant travaille.
Un design system de poche pour les petites équipes
Pas besoin de cent composants pour qu’un design system soit utile. Cinq composants, un fichier de tokens et beaucoup de refus suffisent souvent.
ContactUn projet en tête ?
Un projet en tête ?
Parlons-en.
Un site, un produit ou une direction artistique : décrivez-le en quelques lignes, avec vos objectifs et vos délais.
- Basé à
- Paris et Bordeaux
- Heure à Paris
- Disponibilité
- Ouvert aux nouveaux projets