URL to Figma: pega un enlace y pasa la web a Figma en capas editables

Pegar un enlace parece instantáneo, pero el servicio de captura hace varias cosas para que el resultado coincida con lo que ve un visitante.

1. Carga aislada. La página se abre en un navegador Chromium en sandbox que se ejecuta en su propio contenedor con restricciones seccomp. Cada solicitud pasa por la protección SSRF, así que una URL no puede usarse para llegar a direcciones internas.
2. Limpieza. Con Hide cookie banners & popups activado, los banners de consentimiento y las capas superpuestas se eliminan antes de la captura.
3. Contenido diferido. La página se desplaza para que las imágenes y secciones que se cargan al hacer scroll estén presentes cuando se realiza la captura.
4. Quietud. Las animaciones se congelan, y el WebGL se congela tras unos pocos fotogramas, así que nada se captura a mitad de una transición.
5. Medición. Se mide el ancho de diseño real: 1920 para diseños a sangre completa, el ancho de la caja para sitios en caja y 1440 para los fluidos.
6. Entrega. La estructura capturada se entrega a tu plugin una sola vez y luego se elimina de la memoria.

Las imágenes las procesa un contenedor decodificador independiente sin acceso a internet. Después, el plugin construye las capas localmente en Figma y aplica un Auto Layout verificado. Para páginas en otros idiomas, la opción Page language te permite elegir uno de 15 idiomas en sitios multilingües. La documentación explica cada opción.

La mayoría de las veces, una importación por URL no necesita más que las opciones predeterminadas. Cuando quieras ajustarla, unas pocas opciones marcan la mayor diferencia:

Pantallas

Cada pantalla adicional es otra captura. Las pantallas de una página se ejecutan en paralelo, y un Responsive set completo sigue contando como una sola importación. Free captura una pantalla por importación; Pro y Team permiten hasta cuatro.

Full page

Capturar toda la página con scroll te da el diseño completo. Desactívalo cuando solo necesites la parte superior de la página.

Images

Deja las imágenes activadas para un aspecto acabado, o desactívalas cuando solo te interesen el layout y la tipografía.

Extra wait (Pro)

Algunas páginas siguen cargando contenido después de parecer listas. Extra wait les da más tiempo para que se incluyan las secciones tardías.

Detailed layers (Pro)

Una opción para cuando quieres un árbol de capas más detallado que inspeccionar, en lugar de la estructura predeterminada.

Si una página queda cortada por un límite del plan, el resultado muestra una franja morada Capture limit bien visible, así que siempre sabes si estás viendo la página completa. Para ver en qué se diferencian los planes, consulta los precios.

Pegar una URL significa que nuestro servicio de captura visita esa página en tu nombre, así que es justo preguntar qué pasa con los datos.

• El renderizado se hace en un navegador aislado y en sandbox.
• El resultado se entrega a tu plugin una sola vez y luego se elimina de la memoria. Nunca se escribe en disco.
• El registro del trabajo se olvida a los 15 minutos.
• Los registros son limitados: el registro de importaciones se conserva 180 días, con la dirección IP eliminada a los 30 días, y el registro de seguridad, 90 días.
• Sin rastreo: no hay cookies, analítica ni píxeles de seguimiento en el plugin, la extensión ni el sitio web, y los datos nunca se venden.

Tu identidad también se mantiene al mínimo. El identificador de cuenta se deriva de tu id de usuario de Figma, y nunca recibimos tu nombre ni tu correo electrónico de Figma. El plugin no lee el contenido de tu archivo de Figma. Escribe capas nuevas y solo lee los metadatos de sus propios frames, como la URL de origen y el ancho.

Una importación por URL solo funciona con páginas a las que el servicio de captura puede acceder como visitante anónimo. Para cualquier cosa que requiera inicio de sesión, la extensión de Chrome captura en tu propio navegador. Todos los detalles están en la página de seguridad.