Extracteur de Design System & Tokens CSS
Design System Extractor. Analysez l'identité visuelle de n'importe quel site : couleurs, typographies, icônes vectorielles SVG et tokens CSS.
Design System Extractor
Website → colors, fonts, SVGs & design tokens. Inspect local CSS code or analyze a public URL.
Color Palette (5) — Click to copy
CSS Variables & Tokens (7)
How It Works
Collez du CSS ou entrez une URL
Le mode local inspecte votre code CSS ou fichier globals.css. Le mode URL analyse la page publique cible.
Extraction des tokens
L'outil analyse les variables CSS (:root), les valeurs hexadécimales/RGB, les polices de caractères et les balises SVG.
Exportez pour votre projet
Téléchargez les tokens sous forme de dictionnaire JSON, de feuille de style CSS ou de configuration Tailwind CSS.
Frequently Asked Questions
Pourquoi certains sites bloquent l'analyse d'URL ?
Pour des raisons de politique CORS et de protections antibots (Cloudflare), certains serveurs n'autorisent pas la lecture directe. Dans ce cas, copiez simplement le code CSS dans le Mode Local.
Puis-je exporter vers Tailwind v3 ou v4 ?
Oui, l'export Tailwind génère un objet theme.extend.colors standard prêt à coller dans votre configuration.
Les logos SVG sont-ils vectoriels ?
Oui, l'outil extrait le code SVG natif pour que vous puissiez redimensionner les icônes sans aucune perte de qualité.