Cómo importar a Figma una página que está tras un login

La página que necesitas en Figma suele ser aquella a la que no puedes enlazar. Por qué pegar la URL devuelve un formulario de acceso, y qué comprobar en las herramientas que sí pasan de ahí.

La página que de verdad necesitas en Figma suele ser aquella a la que no puedes enlazar. Una herramienta interna de administración. Un panel que solo se llena de datos después de iniciar sesión. Una build de staging que aún no es pública. Pegas la URL en un conversor y te devuelve la pantalla de login, porque eso es literalmente lo que vio.

Hay forma de rodearlo, y no es un truco: es otra arquitectura. Aquí está por qué la conversión por URL falla en estos casos, qué hacen realmente las alternativas y qué comprobar antes de pasar una página privada por cualquiera de ellas.

Por qué pegar una URL no puede funcionar

Cuando una herramienta pide una URL, algo del lado de la herramienta abre esa URL. Un servidor, o un navegador headless corriendo en un servidor. Esa máquina tiene su propia posición en la red y su propio tarro de cookies vacío. No es tú.

Así que llega a tu panel como visitante anónimo y recibe exactamente lo que recibe un visitante anónimo: un formulario de acceso. Reintentar no cambia nada, porque lo que falta es tu sesión, y tu sesión vive en tu navegador.

Por eso el fallo es tan consistente. No es un bug que alguien pueda parchear: un servidor no puede ver una página que exige ser tú.

Los apaños que no funcionan

• Pegar tu cookie de sesión en la herramienta. Algunas aceptan cabeceras. Dejando de lado lo incómodo que es entregar un token de sesión a un tercero, la autenticación moderna suele ser de vida corta y no depende solo de una cookie, así que acaba fallando igualmente.
• Hacer la página pública un rato. A veces posible en staging. Rara vez en algo real, y además cambia lo que la página renderiza.
• Capturar la pantalla y calcarla. Te da una imagen. El motivo entero de importar a Figma son capas editables, y una captura no tiene ninguna.

Lo que sí funciona: capturar en el navegador en el que ya estás

Si la conversión ocurre dentro de tu propia pestaña, el problema de la sesión desaparece; no porque se resuelva, sino porque nunca llegó a plantearse. La página ya está renderizada delante de ti, con la sesión iniciada, con los datos cargados y con los menús en el estado en que los dejaste. Un conversor que se ejecute ahí lee lo que tú ves.

Ese es el planteamiento de los importadores basados en extensión de navegador, y ya son varias las herramientas que ofrecen una. Conviene decirlo claro: capturar una página con la sesión iniciada no es exclusivo de ninguna herramienta. html.to.design tiene una extensión para páginas tras un login o una VPN. Otras también. Si lees en algún sitio que alguien es el único capaz de hacerlo, compruébalo.

Lo que sí cambia entre unas y otras es qué pasa con la captura después.

La pregunta que sí importa: ¿adónde va la captura?

Una vez tu navegador ha leído la página, esos datos tienen que llegar a Figma. Hay dos caminos, y la diferencia pesa más que el paso de capturar.

A través de un servidor. La extensión sube la captura y el plugin de Figma la descarga. Es cómodo, y significa que el contenido de una página privada —los textos, los nombres de clientes, las cifras del panel— pasa por infraestructura que tú no controlas. Las herramientas que funcionan así suelen ofrecer además una opción de archivo local, en la que descargas la captura y se la das tú al plugin. Esa opción no suele ser la predeterminada, y hay que saber que existe para elegirla.

Sin pasar nunca por un servidor. La captura va a tu portapapeles o a tu disco, y el plugin de Figma la lee de ahí. No se sube nada porque no hay adónde subirlo.

Si vas a capturar una página bajo NDA, una con datos de clientes o cualquier cosa de un entorno regulado, esta es la distinción que le importará a tu equipo de seguridad. No «¿funciona tras un login?», porque en esta categoría funciona todo, sino «¿sale el contenido del equipo y puedo verificarlo?».

Cómo verificarlo en vez de fiarte

Dos comprobaciones, las dos rápidas.

Leer el manifest del plugin de Figma

Todo plugin de Figma declara su acceso a red en el manifest, y Figma hace cumplir esa declaración: un plugin que declara ninguno no puede hacer una petición, haga lo que haga su código. Snapture Import declara:

"networkAccess": { "allowedDomains": ["none"] }

Es una capacidad que el plugin no tiene, no una política que alguien promete cumplir. Puedes leer el manifest de cualquier plugin instalado.

Mirar la pestaña de red

Abre las DevTools, ve a Red y lanza una captura. Verás las peticiones que hace la extensión. En el caso de Snapture son las imágenes de la propia página, para que acaben en tu archivo, más una comprobación de licencia si tienes plan de pago. Si una herramienta está subiendo el contenido de la página, aquí se ve.

Qué llega y qué no

Capturar la página renderizada significa que obtienes el estado que estás mirando, incluidas cosas que una herramienta por URL no alcanzaría ni en una página pública.

• Menús, modales y popovers abiertos siguen abiertos, porque la captura lee el DOM tal como está en vez de recargar.
• Los datos que solo existen tras el login —filas de tablas, valores de gráficos, tu propio nombre en la esquina— llegan como texto real.
• Los campos de contraseña debería enmascararlos la herramienta al capturar. Snapture sustituye el valor por puntos antes de escribir nada; comprueba que la tuya hace lo mismo antes de capturar un formulario que hayas rellenado.

Lo que no llega como capas en ninguna herramienta: los canvas WebGL, los iframes de otro origen y los fotogramas de vídeo. Nada puede convertirlos en vectores porque el DOM no describe esos píxeles. Lo razonable es insertar una captura nítida de esa zona exacta en lugar de un recuadro gris, que es lo que hace Snapture.

Una secuencia práctica para un panel interno

1. Inicia sesión y deja la página en el estado que quieres, incluido cualquier panel o modal que necesites capturar.
2. Baja hasta el final y vuelve a subir. Los paneles cargan filas y gráficos sobre la marcha, y lo que no se ha renderizado no se puede capturar.
3. Captura la página entera, o arrastra una región si solo necesitas un panel.
4. Pega en Figma. Si se sustituyen fuentes, instala las que usaba la página y reimporta: una fuente sustituida vuelve a medir el texto y desplaza todo lo que va detrás.

Si el panel es muy grande, captura la sección que necesitas en vez de la página completa. Toda herramienta tiene un presupuesto, y una captura por región de la parte que de verdad quieres es más rápida y más exacta que una página entera que se topó con un límite a mitad de camino.

En resumen

Los conversores por URL no pueden ver tras un login, y eso es estructural, no un hueco que alguien vaya a tapar. La captura por extensión de navegador lo resuelve, y varias herramientas la ofrecen. La pregunta que merece la pena no es si una herramienta puede capturar una página con sesión iniciada, sino si el contenido de esa página sale después de tu equipo, y eso lo puedes verificar tú en cosa de un minuto.

English · 한국어 · 日本語 · 简体中文 · 繁體中文 · Español · Português · Français · Deutsch · Русский · Italiano · Bahasa Indonesia