Convertit les valeurs px Figma vers les bonnes unités par plateforme et génère une spec card développeur : pt iOS (@1x/@2x/@3x avec px rendus par échelle), dp/sp Android (table de rendu mdpi…xxxhdpi et échelle de police), rem/vw web avec extrait clamp() fluide ; audit des cibles tactiles minimales (44pt iOS / 48dp Android / 44px et 24px WCAG) avec classes de fenêtres Material et breakpoints Tailwind.

Design

Inspecteur de fichiers de police (TTF / OTF / WOFF / WOFF2)

Téléversez une police TTF, OTF, WOFF ou WOFF2 (WOFF2 décompressée automatiquement) et inspectez toutes les métadonnées : famille/sous-famille/designer/copyright/version, nombre de glyphes, unitsPerEm, graisse et largeur, angle italique, drapeaux de style et boîte englobante ; carte thermique de couverture par blocs Unicode ; aperçu SVG des glyphes (texte personnalisable, échantillonnage auto pour les fontes d'icônes) ; ligatures liga et fonctionnalités OpenType ; axes fvar et instances nommées des fontes variables.

Design

Carte d’aperçu de combinaison de polices

Prévisualisez une paire de polices titre/corps avec du texte réel, tailles, graisses, interlignes, caractères et CSS.

Design

Exportateur de Tokens Figma

Collez un JSON de variables Figma / Tokens Studio et exportez vers Tailwind, variables CSS shadcn, Style Dictionary ou SCSS. Préserve les tokens de couleur, d'espacement et de police avec inférence de type.

Design

Calculateur de Champ de Vision

Calcule le champ de vision d’un appareil photo à partir de la focale et de la taille du capteur, avec couverture de scène à distance.

Design

Extracteur de tokens de thème ECharts

Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main.

Design

Générateur de signature e-mail HTML

Génère une signature e-mail HTML propre, prête à copier-coller, qui s’affiche correctement dans Gmail, Outlook et Apple Mail — avec avatar/logo, icônes de réseaux sociaux (auto-détectées depuis vos liens), couleur d’accent, thème clair/sombre/auto et une mise en page tabulaire sécurisée pour le courrier avec styles en ligne. Copiez le HTML et collez-le dans votre client.

Design

Effet de Flou d'Image

Ajoute des effets de flou aux images avec intensité ajustable et multiples types de flou

Design

Ajustement de Luminosité d'Image

Ajustez les niveaux de luminosité de l'image avec aperçu en temps réel et contrôle précis

Design

Ajustement de Contraste d'Image

Ajustez les niveaux de contraste de l'image avec contrôle précis pour une clarté améliorée

Design

Rogneur d'Image

Recadrez des images à des dimensions spécifiques ou un rapport d'aspect avec un positionnement personnalisé