Tutto in uno
Prima aprivo cinque estensioni per studiare un sito. Ora ne apro una e vedo font, colori, CSS e SEO, senza account.
Una sola finestra
Ogni estensione mostrava il suo dato nella sua finestra e nessuna salvava niente. Ora vedo tutto insieme e lo salvo.
Confrontare
Salvo la scheda del mio sito e quelle dei primi tre su Google, e le guardo una accanto all’altra in una tabella.
Tutto a portata
Passo il mouse e vedo il font, i colori e il CSS di ciò che indico. Con un clic, il SEO e lo screenshot della pagina.
Provalo
Prima di installare qualsiasi cosa, attivo la demo e passo il mouse su questa stessa pagina: vedo font, dimensione, colore e box.
Il dato, così com’è
Vedo il font con la sua licenza, il SEO di un URL e il design system del sito, così come sono, senza copiare niente a mano.
Per chi
Designer, SEO o agenzia: ognuno ne ricava ciò che gli serve, dai token del riferimento alla tabella per il cliente.
Prodotto vivo
Guardo le novità: la v1.0 del lancio e l’accesso anticipato a sette funzioni Pro.
Lancio
Leggo la lista del giorno del lancio: le funzioni di ispezione, SEO e screenshot ci sono dal primo giorno.
Prezzi
Le funzioni di base sono gratis per sempre. La Pro si paga una volta, senza abbonamento, e sette funzioni Pro sono gratis nell’accesso anticipato.
Lista d’attesa
Non è ancora sul Chrome Web Store: mi iscrivo alla lista d’attesa per essere tra i primi a provarla.
Dubbi
Prima di installare, scorro le domande più frequenti e trovo la risposta senza lasciare la pagina.
Estensione per Chrome · Design e SEO
Estrai i font, i colori, il CSS e la SEO di qualsiasi pagina, confronta più siti in una tabella ed esporta il loro design system in Tailwind.
In locale, senza account · Pro a pagamento unico · 8 lingue
Prima
Con Smart Design Inspector
La funzione di punta
Salva la scheda di ogni sito e confrontale: title, intestazioni, schema, font, colori e Core Web Vitals. Esporta la tabella in CSV o Markdown e consegnala al cliente.
Confronta siti →| iltuocliente.example | concorrente-a.example | concorrente-b.example | |
|---|---|---|---|
| Title | 58 car.OK | 74 car.Da migliorare | 52 car.OK |
| H1 | 1OK | 0Mancante | 1OK |
| Schema | OrganizationOK | —Mancante | ProductOK |
| Carattere | Inter | Poppins | DM Sans |
| Colore | #2563EB | #16A34A | #0B0B0B |
| LCP | 1,8 sOK | 3,4 sDa migliorare | 2,1 sOK |
Salva la scheda di ogni concorrente e confrontale in una tabella esportabile.
Confrontare siti →Title, description, Open Graph, H1-H6, schema, hreflang, robots, sitemap e llms.txt, con avvisi. E con un clic, su PageSpeed o isitagentready.com.
Ispettore SEO →Passa il mouse e vedi il CSS calcolato, il box, i margini e le distanze.
Ispettore CSS →Famiglia, pesi, origine, licenza e scala tipografica di tutta la pagina.
Che font usa un sito →La palette della pagina, contagocce e contrasto WCAG di ogni coppia di testo e sfondo.
Estrarre i colori di un sito →Colori, spaziature e tipografia in Tailwind v4 @theme, variabili CSS o DESIGN_SPECS.md.
Estrarre il design system →Copia una sezione come JSX + Tailwind o come HTML/CSS.
Convertire un sito in Tailwind →Pagina intera in PNG o PDF, oppure un solo elemento.
Attiva la demo e passa il mouse su questa pagina: vedrai il font, la dimensione, il colore e il box di ogni elemento, come nell’estensione.
Solo su desktop · L’estensione fa molto di più
Font
Famiglia, pesi, dimensioni e origine di ogni font della pagina, più la scala tipografica completa, dall’H1 ai pulsanti.
Playfair Display
Google Fonts · OFL
Ispettore SEO
Tutto ciò che Google legge nell’head e nel body, con avvisi che dicono cosa sistemare.
| Title | Smart Design Inspector – Design & SEO… | OK |
| Description | Studia qualsiasi sito da Chrome… | Troppo lunga |
| Canonical | / | OK |
| OG image | — | Mancante |
| hreflang | 8 lingue + x-default | OK |
| llms.txt | /llms.txt | OK |
Design system Pro
Colori, spaziature e tipografia, pronti da incollare nel tuo progetto o da passare alla tua IA.
@theme/* iltuocliente.example */@theme { --color-primary: #2563eb; --color-ink: #0b0b0b; --font-sans: "Inter", sans-serif; --spacing: 4px; --radius-md: 8px;}Vedi com’è fatto il riferimento che ti manda il cliente e porti i suoi token nel tuo progetto senza aprire DevTools.
Deliverable: il tuo design systemControlli la SEO on-page di un URL in pochi secondi e confronti quella del tuo cliente con i primi tre risultati di Google.
Deliverable: audit on-pageConsegni al cliente una tabella con il suo sito a confronto con la concorrenza, esportata in un clic.
Deliverable: confronto in CSV o MarkdownRecensioni
Ultime novità
22 funzioni gratis per sempre, più 7 funzioni Pro in accesso anticipato. Senza account e senza limiti di tempo.
Gratis per tutti fino al lancio della Pro (data da definire)
La modalità ispirazione (testi e immagini come segnaposto quando copi) arriva gratis con la prima versione Pro
Gratis
0 €, per sempre
Pro
49 €, pagamento unico
Lista d’attesa
Smart Design Inspector è in fase di sviluppo. Lasciaci la tua email e ti avviseremo il giorno in cui arriverà sul Chrome Web Store, con le 7 funzioni Pro gratis in accesso anticipato.
Un’email il giorno del lancio e poche altre · Disiscrizione con un clic
Sì. Le funzioni di ispezione, SEO e cattura sono gratis per sempre. La Pro costa 49 € una sola volta e include un anno di novità.
No. Si installa e funziona. Nessun login, né per la versione gratis né per la Pro.
Tutto viene elaborato nel tuo browser. Le pagine che visiti non vengono inviate a nessun server e non si inseriscono annunci né donazioni nei siti altrui. Se apri la pagina in un audit esterno (PageSpeed, isitagentready…), quel sito riceve l’indirizzo, solo quando clicchi.
Non fornisce volumi di parole chiave né backlink e non scarica font a pagamento: ti mostra la licenza e dove ottenerli.
Su Chrome, Edge, Brave, Arc, Opera e Vivaldi, su Windows, Mac e Linux, dalla 1.0. Funziona allo stesso modo ovunque perché è il browser a eseguire l’estensione, non il sistema. Il codice è pronto per portarla su Firefox e Safari senza riscriverla. Durante lo sviluppo potrebbero esserci cambiamenti.
Sì. Legge la pagina così come il browser l’ha già disegnata, quindi non importa come sia costruita.
Cookie
Usiamo Google Analytics per sapere quante persone visitano il sito e quali pagine funzionano, solo se accetti. Nessuna pubblicità. Cookie policy.