Todo en uno
Antes abría cinco extensiones para estudiar una web. Ahora abro una y veo fuente, colores, CSS y SEO, sin cuenta.
Una sola ventana
Cada extensión enseñaba su dato en su ventana y ninguna guardaba nada. Ahora lo veo todo junto y lo guardo.
Comparar
Guardo la ficha de mi web y la de las tres primeras de Google, y las miro una al lado de otra en una tabla.
Todo a mano
Paso el ratón y veo la fuente, los colores y el CSS de lo que señalo. Con un clic, el SEO y la captura de la página.
Pruébalo
Antes de instalar nada, activo la demo y paso el ratón por esta misma página: veo fuente, tamaño, color y caja.
El dato, como es
Veo la fuente con su licencia, el SEO de una URL y el sistema de diseño de la web, tal cual, sin copiar nada a mano.
Para quién
Diseñador, SEO o agencia: cada uno saca lo suyo, desde los tokens de la referencia hasta la tabla para el cliente.
Producto vivo
Miro las novedades: la v1.0 del lanzamiento y el acceso anticipado a tres funciones Pro.
Lanzamiento
Leo la lista del día del lanzamiento: las funciones de inspección, SEO y captura vienen dentro desde el primer día.
Precios
Lo básico es gratis para siempre. Pro se paga una vez, sin suscripción, y tres funciones Pro son gratis en el acceso anticipado.
Lista de espera
Todavía no está en la Chrome Web Store: me apunto a la lista de espera para ser de los primeros en probarla.
Dudas
Antes de instalar, repaso las preguntas más habituales y encuentro la respuesta sin salir de la página.
Extensión de Chrome · Diseño y SEO
Saca las fuentes, los colores, el CSS y el SEO de cualquier página, compara varias webs en una tabla y exporta su sistema de diseño a Tailwind.
Local, sin cuenta · Pro de pago único · 8 idiomas
Antes
Con Smart Design Inspector
La función estrella
Guarda la ficha de cada web y compáralas: title, encabezados, schema, fuentes, colores y Core Web Vitals. Exporta la tabla a CSV o Markdown y entrégasela al cliente.
Comparar webs →| tucliente.example | competidor-a.example | competidor-b.example | |
|---|---|---|---|
| Title | 58 car.OK | 74 car.Mejorable | 52 car.OK |
| H1 | 1OK | 0Falta | 1OK |
| Schema | OrganizationOK | —Falta | ProductOK |
| Fuente | Inter | Poppins | DM Sans |
| Color | #2563EB | #16A34A | #0B0B0B |
| LCP | 1,8 sOK | 3,4 sMejorable | 2,1 sOK |
Guarda la ficha de cada competidor y compáralas en una tabla exportable.
Comparar webs →Title, description, Open Graph, H1-H6, schema, hreflang, robots, sitemap y llms.txt, con avisos. Y en un clic, a PageSpeed o isitagentready.com.
Inspector SEO →Pasa el ratón y ve el CSS calculado, la caja, los márgenes y las distancias.
Inspector CSS →Familia, pesos, origen, licencia y escala tipográfica de toda la página.
Qué fuente usa una web →La paleta de la página, cuentagotas y contraste WCAG de cada pareja de texto y fondo.
Sacar los colores de una web →Colores, espaciados y tipografía a Tailwind v4 @theme, variables CSS o DESIGN_SPECS.md.
Extraer el sistema de diseño →Copia una sección como JSX + Tailwind o como HTML/CSS.
Convertir una web a Tailwind →Página completa en PNG o PDF, o un solo elemento.
Activa la demo y pasa el ratón por esta página: verás la fuente, el tamaño, el color y la caja de cada elemento, como en la extensión.
Solo en escritorio · La extensión hace mucho más
Fuentes
Familia, pesos, tamaños y origen de cada fuente de la página, más la escala tipográfica completa de H1 a botones.
Playfair Display
Google Fonts · OFL
Inspector SEO
Todo lo que Google lee en la cabecera y en el cuerpo, con avisos que dicen qué arreglar.
| Title | Smart Design Inspector – Design & SEO… | OK |
| Description | Estudia cualquier web desde Chrome… | Larga |
| Canonical | / | OK |
| OG image | — | Falta |
| hreflang | 8 idiomas + x-default | OK |
| llms.txt | /llms.txt | OK |
Sistema de diseño Pro
Colores, espaciados y tipografía, listos para pegar en tu proyecto o pasárselos a tu IA.
@theme/* tucliente.example */@theme { --color-primary: #2563eb; --color-ink: #0b0b0b; --font-sans: "Inter", sans-serif; --spacing: 4px; --radius-md: 8px;}Ves cómo está hecha la referencia que te pasa el cliente y te llevas sus tokens a tu proyecto sin abrir DevTools.
Entregable: tu sistema de diseñoRevisas el SEO on-page de una URL en segundos y comparas la de tu cliente con las tres primeras de Google.
Entregable: auditoría on-pageEntregas al cliente una tabla con su web frente a su competencia, exportada en un clic.
Entregable: comparativa en CSV o MarkdownReseñas
Últimas novedades
18 funciones gratis para siempre, más 3 funciones Pro en acceso anticipado. Sin cuenta y sin límite de tiempo.
Gratis para todos hasta el lanzamiento de la Pro (fecha por definir)
El modo inspiración (textos e imágenes como marcadores al copiar) llega gratis con la primera Pro
Gratis
0 €, para siempre
Pro
49 €, pago único
Lista de espera
Smart Design Inspector está en desarrollo. Déjanos tu email y te avisamos el día que salga en la Chrome Web Store, con las 3 funciones Pro gratis en acceso anticipado.
Un email el día del lanzamiento y pocos más · Baja con un clic
Sí. Las funciones de inspección, SEO y captura son gratis para siempre. La Pro cuesta 49 € una sola vez e incluye un año de novedades.
No. Se instala y funciona. No hay login ni para la versión gratis ni para la Pro.
Todo se procesa en tu navegador. No se envían las páginas que visitas a ningún servidor y no se inyectan anuncios ni donativos en webs ajenas. Si abres la página en una auditoría externa (PageSpeed, isitagentready…), esa web recibe la dirección, solo cuando pulsas.
No da volúmenes de keywords ni backlinks, no detecta con qué tecnología está hecha una web y no descarga fuentes de pago: te enseña la licencia y dónde conseguirlas.
En Chrome, Edge, Brave, Arc, Opera y Vivaldi, en Windows, Mac y Linux, desde la 1.0. Funciona igual en todos porque la extensión la ejecuta el navegador, no el sistema. El código está preparado para llevarla a Firefox y Safari sin reescribirla. Mientras está en desarrollo, puede haber cambios.
Sí. Lee la página ya pintada en el navegador, así que da igual cómo esté construida.
Cookies
Usamos Google Analytics para saber cuánta gente visita la web y qué páginas funcionan, solo si lo aceptas. No hay publicidad. Política de cookies.