Détecteur d'éléments
Tester le détecteur
Envoie une capture, une maquette ou un export Figma : Mona repère les textes, boutons, images, champs et icônes. Tout se passe dans ton navigateur : l'image ne part nulle part. Passe la souris sur un élément pour le repérer.
Dépose une image ici
PNG, JPG ou WebP : capture d'écran, export Figma, maquette. Tu peux aussi la coller (Ctrl + V). Les images longues sont découpées en écrans de 900 px.
Passe la souris sur un élément pour le repérer. Masque une classe avec les puces. La confiance à 0 montre tout ce que le détecteur propose, y compris ses doutes : monte le curseur pour ne garder que le plus sûr.
La première fois, le détecteur se télécharge (environ 38 Mo, puis il reste en cache). Compte quelques secondes par écran. Il a appris sur des sites en largeur d'ordinateur : une maquette mobile ou très petite est moins bien lue.
Comment juger le résultat
Le détecteur n'est pas parfait, et c'est mesuré : voici à quoi t'attendre.
Souvent juste
- Les textes : la plupart sont trouvés, avec quelques boîtes en trop ou manquantes.
- Les gros boutons et les images : bien repérés quand ils sont nets.
À vérifier à l'œil
- Les boutons discrets (liens, boutons « fantômes ») : un sur deux est raté.
- Les champs de saisie : repérés quand ils sont bien marqués.
Souvent raté
- Les icônes : moins d'une sur trois est trouvée.
- Les maquettes mobiles ou minuscules : le détecteur a appris sur des écrans larges.
Les mesures du détecteur
Seul le détecteur d'éléments, mesuré sur des sites qu'il n'a jamais vus pendant son apprentissage. Il a appris sur environ 1 500 sites publics dont les étiquettes viennent du code des pages.
- Avant
- Maintenant
Voir les valeurs
| Classe | Avant : rappel / précision | Maintenant : rappel / précision | F1 avant | F1 maintenant |
|---|---|---|---|---|
| texte | 0,59 / 0,64 | 0,72 / 0,75 | 0,61 | 0,73 |
| bouton | 0,51 / 0,59 | 0,59 / 0,59 | 0,55 | 0,59 |
| image | 0,65 / 0,57 | 0,61 / 0,60 | 0,61 | 0,60 |
| champ | 0,24 / 0,38 | 0,38 / 0,70 | 0,29 | 0,49 |
| icône | 0,15 / 0,34 | 0,31 / 0,43 | 0,21 | 0,36 |
- texte
- bouton
- image
- champ
- icône
Voir les valeurs
| confiance minimale | texte | bouton | image | champ | icône |
|---|---|---|---|---|---|
| 0,3 | 0,709 | 0,533 | 0,582 | 0,579 | 0,383 |
| 0,4 | 0,726 | 0,566 | 0,592 | 0,543 | 0,375 |
| 0,5 | 0,736 | 0,590 | 0,604 | 0,490 | 0,361 |
| 0,6 | 0,742 | 0,588 | 0,596 | 0,493 | 0,300 |
| 0,7 | 0,742 | 0,592 | 0,575 | 0,459 | 0,197 |
| 0,8 | 0,729 | 0,534 | 0,545 | 0,462 | 0,104 |
| 0,9 | 0,674 | 0,430 | 0,381 | 0,304 | 0,025 |