Captura la página al tamaño exacto del frame y te dice qué cambió: espaciado, tipografía, color, tamaños, bordes y sombras.
Figma contra la página · Arrastra el divisor
Una landing igual a su Figma y una copia con 13 errores puestos a propósito. Cuenta solo si sale visible, en el elemento correcto y con los dos valores bien.
Medido con un margen de ±1 px y color igual hasta delta E 2,3.
Cuatro pasos y listo, sin medir nada a mano.
Paso 1
Clic derecho en Figma › Copy link to selection. Si el frame tiene sus versiones tablet y móvil, las encuentra solo.
Encontró las 3 versiones del frame
Paso 2
Localhost, staging o producción. Si pide usuario y contraseña, inicias sesión dentro de la app.
Sesión guardada para este sitio
Paso 3
Captura y mide cada tamaño. Una página de 8294 px de alto tarda unos 12 segundos.
Paso 4
Marca lo que importa y crea el ticket de Jira con los recortes, o copia el texto para Slack.
Primero lo que se ve
Se ve a simple vista, es menor o es solo de estructura. Y te dice si viene de la librería de componentes o de esta pantalla, para saber dónde se arregla.
21 diferencias
Marca las que van al ticket. Si no marcas ninguna, el ticket lleva las que se ven.
Se ven 18
El valor exacto
Abre una diferencia y ves qué esperaba Figma, con su token, y qué hay hoy en la página. Una nota agrupa todos los elementos con el mismo error.
Color del borde
El color del borde es más oscuro que en Figma: en Figma es #ebebeb y en la página #d1d1d1. Se nota al comparar lado a lado.
Tus márgenes
Un margen en píxeles para el espaciado y los tamaños, y dos umbrales de delta E para el color: hasta dónde es igual y desde dónde se ve.
Una sola app para macOS, Windows y Linux. Se instala como cualquier otra, se actualiza sola y vuelve a la versión anterior si algo falla.
Versión 1.1.0 · Al descargar aceptas la licencia de uso.
Qué trae
Lo que hace hoy la versión 1.1.0, sin letra chica.