Detector de elementos

Probar el detector

Envía una captura, una maqueta o una exportación de Figma: Mona detecta los textos, botones, imágenes, campos e iconos. Todo ocurre en tu navegador: la imagen no va a ningún sitio. Pasa el ratón sobre un elemento para resaltarlo.

Suelta una imagen aquí

PNG, JPG o WebP: captura de pantalla, exportación de Figma, maqueta. También puedes pegarla (Ctrl + V). Las imágenes largas se cortan en pantallas de 900 px.

La primera vez se descarga el detector (unos 38 MB, luego queda en caché). Cuenta unos segundos por pantalla. Aprendió con sitios a ancho de ordenador: una maqueta móvil o muy pequeña se lee peor.

Cómo juzgar el resultado

El detector no es perfecto, y está medido: esto es lo que puedes esperar.

A menudo acierta

  • Los textos: se encuentra la mayoría, con algunas cajas de más o de menos.
  • Los botones grandes y las imágenes: se detectan bien cuando son nítidos.

Comprobar a simple vista

  • Los botones discretos (enlaces, botones «fantasma»): uno de cada dos se pierde.
  • Los campos de texto: se detectan cuando están bien marcados.

A menudo falla

  • Los iconos: se encuentra menos de uno de cada tres.
  • Las maquetas móviles o diminutas: el detector aprendió con pantallas anchas.

El benchmark del detector

Solo el detector de elementos, medido en sitios que nunca vio durante su aprendizaje. Aprendió con unos 1500 sitios públicos cuyas etiquetas vienen del código de las páginas.

0,73textos: F1exhaustividad 0,72 · precisión 0,75
0,59botones: F1exhaustividad 0,59 · precisión 0,59
0,36iconos: F1la clase más difícil
Detector de elementos: F1 por claseF1 (equilibrio exhaustividad / precisión, 1 = perfecto) en 120 sitios nunca vistos (279 pantallas), con confianza 0,5. «Antes» es la primera versión del detector.
  • Antes
  • Ahora
0,000,250,500,751,000,610,73texto0,550,59botón0,610,60imagen0,290,49campo0,210,36icono
Ver los valores
ClaseAntes: exhaustividad / precisiónAhora: exhaustividad / precisiónF1 antesF1 ahora
texto0,59 / 0,640,72 / 0,750,610,73
botón0,51 / 0,590,59 / 0,590,550,59
imagen0,65 / 0,570,61 / 0,600,610,60
campo0,24 / 0,380,38 / 0,700,290,49
icono0,15 / 0,340,31 / 0,430,210,36
¿Qué umbral de confianza elegir?F1 de cada clase según la confianza mínima exigida al detector. Cuanto más se exige, menos se equivoca pero más se le escapa: el control deslizante de la página de prueba hace exactamente esa elección.
  • texto
  • botón
  • imagen
  • campo
  • icono
0,000,230,450,680,900,30,50,70,9confianza mínima
Ver los valores
confianza mínimatextobotónimagencampoicono
0,30,7090,5330,5820,5790,383
0,40,7260,5660,5920,5430,375
0,50,7360,5900,6040,4900,361
0,60,7420,5880,5960,4930,300
0,70,7420,5920,5750,4590,197
0,80,7290,5340,5450,4620,104
0,90,6740,4300,3810,3040,025