Tout-en-un
Avant, j’ouvrais cinq extensions pour étudier un site. Maintenant, j’en ouvre une et je vois police, couleurs, CSS et SEO, sans compte.
Une seule fenêtre
Chaque extension affichait sa donnée dans sa fenêtre et aucune n’enregistrait rien. Maintenant, je vois tout ensemble et je l’enregistre.
Comparer
J’enregistre la fiche de mon site et celles des trois premiers sur Google, et je les regarde côte à côte dans un tableau.
À portée de main
Je survole et je vois la police, les couleurs et le CSS de ce que je pointe. En un clic, le SEO et la capture de la page.
Essayez
Avant d’installer quoi que ce soit, j’active la démo et je survole cette page : je vois police, taille, couleur et boîte.
La donnée, telle quelle
Je vois la police avec sa licence, le SEO d’une URL et le design system du site, tels quels, sans rien recopier à la main.
Pour qui
Designer, SEO ou agence : chacun y trouve son compte, des tokens de la référence jusqu’au tableau pour le client.
Produit vivant
Je regarde les nouveautés : la v1.0 du lancement et l’accès anticipé à sept fonctions Pro.
Lancement
Je lis la liste du jour du lancement : les fonctions d’inspection, de SEO et de capture sont là dès le premier jour.
Tarifs
L’essentiel est gratuit pour toujours. La Pro se paie une fois, sans abonnement, et sept fonctions Pro sont gratuites pendant l’accès anticipé.
Liste d’attente
Elle n’est pas encore sur le Chrome Web Store : je m’inscris sur la liste d’attente pour être parmi les premiers à l’essayer.
Questions
Avant d’installer, je parcours les questions les plus fréquentes et je trouve la réponse sans quitter la page.
Extension Chrome · Design et SEO
Récupérez les polices, les couleurs, le CSS et le SEO de n’importe quelle page, comparez plusieurs sites dans un tableau et exportez leur design system vers Tailwind.
En local, sans compte · Pro en paiement unique · 8 langues
Avant
Avec Smart Design Inspector
La fonction phare
Enregistrez la fiche de chaque site et comparez-les : title, titres, schema, polices, couleurs et Core Web Vitals. Exportez le tableau en CSV ou Markdown et remettez-le à votre client.
Comparer des sites →| votreclient.example | concurrent-a.example | concurrent-b.example | |
|---|---|---|---|
| Title | 58 car.OK | 74 car.À améliorer | 52 car.OK |
| H1 | 1OK | 0Manquant | 1OK |
| Schema | OrganizationOK | —Manquant | ProductOK |
| Police | Inter | Poppins | DM Sans |
| Couleur | #2563EB | #16A34A | #0B0B0B |
| LCP | 1,8 sOK | 3,4 sÀ améliorer | 2,1 sOK |
Enregistrez la fiche de chaque concurrent et comparez-les dans un tableau exportable.
Comparer des sites →Title, description, Open Graph, H1-H6, schema, hreflang, robots, sitemap et llms.txt, avec alertes. Et en un clic, vers PageSpeed ou isitagentready.com.
Inspecteur SEO →Survolez un élément et voyez le CSS calculé, la boîte, les marges et les distances.
Inspecteur CSS →Famille, graisses, origine, licence et échelle typographique de toute la page.
Quelle police utilise un site →La palette de la page, une pipette et le contraste WCAG de chaque paire texte-fond.
Récupérer les couleurs d’un site →Couleurs, espacements et typographie vers Tailwind v4 @theme, variables CSS ou DESIGN_SPECS.md.
Extraire le design system →Copiez une section en JSX + Tailwind ou en HTML/CSS.
Convertir un site en Tailwind →Page entière en PNG ou PDF, ou un seul élément.
Activez la démo et survolez cette page : vous verrez la police, la taille, la couleur et la boîte de chaque élément, comme dans l’extension.
Sur ordinateur uniquement · L’extension fait bien plus
Polices
Famille, graisses, tailles et origine de chaque police de la page, plus l’échelle typographique complète, du H1 aux boutons.
Playfair Display
Google Fonts · OFL
Inspecteur SEO
Tout ce que Google lit dans l’en-tête et le corps, avec des alertes qui disent quoi corriger.
| Title | Smart Design Inspector – Design & SEO… | OK |
| Description | Étudiez n’importe quel site depuis Chrome… | Trop long |
| Canonical | / | OK |
| OG image | — | Manquant |
| hreflang | 8 langues + x-default | OK |
| llms.txt | /llms.txt | OK |
Design system Pro
Couleurs, espacements et typographie, prêts à coller dans votre projet ou à donner à votre IA.
@theme/* votreclient.example */@theme { --color-primary: #2563eb; --color-ink: #0b0b0b; --font-sans: "Inter", sans-serif; --spacing: 4px; --radius-md: 8px;}Voyez comment est conçue la référence que vous envoie votre client et récupérez ses tokens dans votre projet sans ouvrir DevTools.
Livrable : votre design systemVérifiez le SEO on-page d’une URL en quelques secondes et comparez celle de votre client aux trois premiers résultats de Google.
Livrable : audit on-pageRemettez à votre client un tableau comparant son site à la concurrence, exporté en un clic.
Livrable : comparatif en CSV ou MarkdownAvis
Dernières nouveautés
22 fonctions gratuites pour toujours, plus 7 fonctions Pro en accès anticipé. Sans compte et sans limite de temps.
Gratuit pour tous jusqu’au lancement de la Pro (date à définir)
Le mode inspiration (textes et images remplacés par des espaces réservés à la copie) arrive gratuitement avec la première version Pro
Gratuit
0 €, pour toujours
Pro
49 €, paiement unique
Liste d’attente
Smart Design Inspector est en cours de développement. Laissez-nous votre e-mail et nous vous préviendrons le jour de sa sortie sur le Chrome Web Store, avec les 7 fonctions Pro gratuites en accès anticipé.
Un e-mail le jour du lancement et très peu d’autres · Désinscription en un clic
Oui. Les fonctions d’inspection, de SEO et de capture sont gratuites pour toujours. La Pro coûte 49 € une seule fois et inclut un an de nouveautés.
Non. Elle s’installe et fonctionne. Aucune connexion, ni pour la version gratuite ni pour la Pro.
Tout est traité dans votre navigateur. Les pages que vous visitez ne sont envoyées à aucun serveur, et aucune publicité ni demande de don n’est injectée dans les sites des autres. Si vous ouvrez la page dans un audit externe (PageSpeed, isitagentready…), ce site reçoit l’adresse, uniquement quand vous cliquez.
Elle ne donne ni volumes de mots-clés ni backlinks et ne télécharge pas les polices payantes : elle vous montre la licence et où les obtenir.
Sur Chrome, Edge, Brave, Arc, Opera et Vivaldi, sous Windows, Mac et Linux, dès la 1.0. Elle fonctionne partout de la même façon, car c’est le navigateur qui exécute l’extension, pas le système. Le code est prêt à être porté sur Firefox et Safari sans réécriture. Pendant le développement, des changements sont possibles.
Oui. Elle lit la page telle que le navigateur l’a déjà affichée, peu importe comment elle est construite.
Cookies
Nous utilisons Google Analytics pour savoir combien de personnes visitent le site et quelles pages fonctionnent, uniquement si vous l’acceptez. Aucune publicité. Politique de cookies.