Specly

Ton design system documenté
en 5 minutes, pas en 5 heures.

Colle le lien de ton fichier Figma (accès "anyone with the link"). On scanne composants, couleurs, typographies, variables et espacements, puis on t'envoie un rapport complet — page web + PDF — par email.

Paiement unique · pas d'abonnement · rapport livré par email en moins de 10 minutes.

Avant / Après

Exemple de rapport généré automatiquement par Specly à partir d'un fichier Figma réel.

Avant — dans Figma

Couleurs éparpillées dans des dizaines de calques
Tailles de texte incohérentes, jamais documentées
Composants sans specs exploitables par les devs
Aucune trace des règles d'espacement utilisées

Après — avec Specly

Palette de couleurs avec codes hex, dédupliquée
Échelle typographique claire et normalisée
Fiches composants avec dimensions et variantes
Incohérences repérées et listées, prêtes à corriger

Nimbus UI Kit

Généré le 19/08/2026

Palette de couleurs (10)

Primary / Indigo 600

#4F46E5

Couleur 2

#4F47E6

Accent / Sky 500

#0EA5E9

Ink / Gray 900

#111827

Ink / Gray 700

#374151

Neutral / Gray 400

#9CA3AF

Surface / Gray 100

#F3F4F6

Error / Red 500

#EF4444

Success / Green 500

#10B981

Warning / Amber 500

#F59E0B

Échelle typographique (8)

Inter700/32px · 40px · 14×

Inter600/24px · 32px · 22×

Inter600/20px · 28px · 31×

Inter400/16px · 24px · 87×

Inter400/15px · 22px · 9×

Inter400/14px · 20px · 64×

Inter500/13px · 18px · 21×

Inter400/12px · 16px · 38×

Composants principaux (7)

Button

120×44px · 12 variante(s)

Bouton principal avec variantes primary/secondary/ghost

Input

280×44px · 6 variante(s)

Champ de texte avec état focus/error/disabled

Card

320×200px · 4 variante(s)

Badge

64×24px · 8 variante(s)

Étiquette de statut

Modal

480×320px · 2 variante(s)

Navbar

1440×72px · 1 variante(s)

Barre de navigation principale

Avatar

40×40px · 5 variante(s)

Tokens d'espacement

4px (210×)

8px (340×)

12px (118×)

16px (289×)

24px (154×)

32px (97×)

40px (41×)

6px (9×)

20px (3×)

Incohérences détectées (5)

medium#4F46E5 et #4F47E6 sont quasi identiques (delta 1.4) — probable doublon à fusionner en un seul token.

mediumTaille de texte 15px (Inter 400/15) ne suit pas une échelle typographique standard — envisagez de l'arrondir à 14 ou 16px.

lowEspacement de 6px ne respecte pas la grille de 4px — source fréquente d'incohérences visuelles entre composants.

lowEspacement de 20px détecté 3 fois seulement — probablement un écart isolé plutôt qu'un vrai token, à vérifier.

low2 composants sans description dans Figma (ex. Card, Navbar) — ajouter une description accélère l'intégration côté dev.

19€, une fois. Pas d'abonnement.

Colle ton lien Figma, paie, reçois ton rapport par email en moins de 10 minutes. C'est tout.