Flash DSM - Le génome de design de vos agents IA

Composez vos fondations. Chaque composant et chaque module suit. Le génome de design sait où chacun se trouve, et ce qui bouge quand il change.

Oubliez Figma. Commencez par le design system.

Figma, comme tout outil pensé pour le canvas, a été conçu pour dessiner l'image d'un design system, pas pour en construire un. On peint d'abord, on reconstitue un système par-dessous, et on livre du code qui ne colle jamais tout à fait. Flash inverse l'ordre : construisez d'abord le système, puis passez directement à un code vraiment fidèle. Et comme ce système est lisible par les machines, il sert aussi de garde-fou à tout ce que génèrent vos outils d'IA.

Couleur, typographie, espacements, composants : reliés.

Donnez à Flash un brief, une URL ou un fichier Figma et il vous taille le patron : des gammes de couleurs complètes dans les deux thèmes, une paire typographique, des espacements, des rayons, des animations et des composants qui s'y réfèrent. C'est le point de départ, pas le produit. Le produit, c'est ce que vous en faites dans l'éditeur.

Décrivez

Tapez un prompt, collez l'URL d'un site en ligne ou connectez un fichier Figma. Dans tous les cas, Flash en extrait l'ADN du design.

Faites-le vôtre

Flash pose des gammes de tokens complètes (couleurs en clair et en sombre, paire typographique, espacements, rayons, ombres, animations) et vous les modifiez sur place. Changez la police, recalibrez une échelle, supprimez les choix qui ne vous plaisent pas.

Livrez

Exportez des variables CSS, une config Tailwind ou du Tokens Studio JSON. Poussez directement vers GitHub.

• Extraction de l'ADN de marque
• Construction des gammes de couleurs
• Choix de la paire typographique
• Calibrage des espacements et des rayons
• Réglage des animations et des effets
• Association des composants

+ 8 à 14 composants propres au domaine, reliés aux tokens

Un patron. Tous les tissus que vous voulez.

Le patron d'un tailleur fixe la coupe et les coutures. Jamais la couleur de l'étoffe. C'est cette séparation qui permet à un seul système d'habiller toute une entreprise.

Le patron que tout le monde partage

La structure, c'est la part qui ne doit pas varier : de quoi une carte est faite, comment un bouton espace son libellé, quels états existent. Flash la garde à un seul endroit, pour que chaque produit soit taillé dans la même forme.

Le tissu que chaque produit choisit

Couleur, typographie, rayons, animations. Un thème se pose sur la structure et se remplace sans y toucher : une équipe peut ne ressembler en rien à la suivante et partager quand même chaque composant.

Là où les systèmes calent

Livrez un composant qui est aussi un bleu bien précis, et l'équipe suivante dira que ce n'est pas son bleu, puis écrira le sien. Deux mois plus tard, vous maintenez deux systèmes. Garder le tissu à part, c'est ce qui l'évite.

Un design system uniformise-t-il le travail ?

Il tranche ce que personne ne devrait redécider, et c'est justement ce qui laisse la place à ce que vous seul auriez fait.

Chaque design system est unique

Flash ne vous tend pas un modèle. Fondations, composants et modules : tout est construit pour votre marque, pas l'inverse.

Votre propre style

Couleurs, typographie et espacements sont définis par vous, jamais choisis dans une palette toute faite.

Art, effets et animation

Illustrations, effets, animations et transitions font partie du système, pas des ajouts ponctuels greffés sur un seul écran.

Composants et modules, à votre façon

Créez de nouveaux composants et modules à l'image de votre produit. Flash ne vous limite pas à une bibliothèque figée.

Pas encore de logos clients.

Flash est récent, et les citations sont faciles à récolter. Voici trois choses que vous pouvez vérifier vous-même avant de payer quoi que ce soit.

Ouvrez les exemples

Chaque système de cette page est public. Ouvrez-en un, lisez les tokens produits, forkez-le dans votre compte et démontez-le. Rien de tout ça n'est une capture d'écran.

Prenez les fichiers et partez

Les exports sont tokens.css, une config Tailwind et du Tokens Studio JSON : des fichiers simples que vous auriez pu écrire à la main. Ils continueront de fonctionner, que nous soyons là ou non.

Lisez les dates

Chaque correctif et chaque fonctionnalité sont notés avec le jour de leur mise en ligne. Si le rythme ralentit, vous le verrez ici avant qu'on vous le dise.

Des questions ?

Qu'est-ce que Flash ?

Flash est un outil de création de design systems. À partir d'un prompt, de l'URL d'un site en ligne ou d'un fichier Figma, il pose une architecture de tokens complète (gammes de couleurs en clair et en sombre, paires typographiques, espacements, rayons, ombres, animations) et des composants propres au domaine, reliés à ces tokens. Vous modifiez, puis exportez en CSS, Tailwind ou Tokens Studio JSON, ou poussez vers GitHub.

Pourquoi les outils de création par IA ont-ils besoin d'un design system ?

Des outils comme Lovable, v0 et Bolt génèrent des écrans très vite, mais chaque nouveau prompt invente ses propres couleurs et espacements si rien ne les fixe. Un design system est cette couche de règles : donnez-leur des tokens lisibles par les machines et le résultat reste fidèle à la marque, garde un contraste accessible et correspond au code déjà livré. Flash construit cette couche et la sert dans les formats que ces outils lisent vraiment : kit.md, fichiers de tokens et MCP.

À qui s'adresse Flash ?

Aux design engineers, en solo ou en équipe, qui portent la qualité de l'UI mais n'ont pas le temps de surveiller un design system. Et aux équipes de développement qui avancent vite et ont besoin d'un système qui suit leur rythme.

Flash est-il gratuit ?

Oui, pour commencer. Chaque compte construit un Genome, c'est-à-dire un design system et tout ce qui le lit, gratuitement et sans carte bancaire. Pro, Team et Studio ajoutent la récupération de modules, la synchronisation des mises à jour, un Genome partagé et la remise au client : la page Tarifs détaille ce qui se trouve où.

Puis-je importer mes designs existants ?

Connectez un fichier Figma, collez l'URL de n'importe quel site en ligne, ou récupérez depuis GitHub et Storybook. Flash extrait l'ADN de design existant et le transforme en tokens structurés et modifiables.

Flash reste-t-il synchronisé avec Figma et mon code ?

Voici ce qui existe aujourd'hui : l'import depuis Figma, une URL ou une base de code ; l'export CSS, Tailwind et Tokens Studio JSON ; le push vers GitHub ; l'envoi de variables vers Figma via le plugin Flash. La synchronisation bidirectionnelle plus poussée, où les changements remontent automatiquement du code et de Figma, est en cours de déploiement, et nous préférons en promettre moins que de faire comme si c'était fini.

Que puis-je exporter ?

Des formats prêts pour la production : tokens.css avec des propriétés CSS personnalisées, une extension tailwind.config.js, du Tokens Studio JSON qui fait l'aller-retour avec Figma, et des specs de composants. Vous pouvez aussi pousser directement vers GitHub.

Génère-t-il du vrai code, utilisable ?

Les exports sont les mêmes variables CSS et tokens Tailwind que vous écririez à la main, prêts à être déposés dans votre base de code. Pas de runtime propriétaire, aucune dépendance.

En quoi Flash diffère-t-il des générateurs d'UI par IA ?

Les générateurs d'écrans vous donnent des maquettes. Flash vous donne le système en dessous : des gammes cohérentes, des tokens sémantiques, les deux modes de couleur et des composants qui référencent des tokens plutôt que des valeurs en dur, pour que tout ce que vous construisez ensuite reste cohérent.

Suis-je propriétaire de ce que Flash génère ?

Entièrement. Chaque token, spec de composant et export vous appartient : pour vos projets clients, vos produits commerciaux ou vos propres outils de design.