Baja el árbol
Posición, tamaño, color y texto de cada nodo, tal como los reporta Figma.
Open source · corre en tu navegador
Convertí cualquier archivo de Figma en HTML donde cada elemento está en su caja exacta. Abrís las DevTools y leés el ancho, el alto y el padding reales — en vez de sacarlos a ojo.
Posición, tamaño, color y texto de cada nodo, tal como los reporta Figma.
En posición absoluta, con las coordenadas exactas. Sin flex adivinado.
Índice navegable, una pantalla por archivo y los íconos como SVG locales.
El endpoint que renderiza imágenes cuenta su cuota por llamada, no por ícono: una cuenta gratuita tiene unas 20 al mes. Una sola extracción grande la quema entera.
Esta herramienta nunca lo toca. Pide la geometría vectorial —otro endpoint, otro presupuesto— y arma los SVG en tu navegador.
Cada nodo en las coordenadas que reporta Figma. Nada redondeado a una grilla de 8.
Cada elemento lleva data-node-id y su nombre de capa. Buscá cualquier cosa en las DevTools.
Los SVG quedan locales en el .zip. Las URLs de assets de Figma se caen a los 7 días.
Todas las pantallas en una página, con buscador, escala 1:1 y un modo "ver cajas".
En Figma: tu avatar → Settings → pestaña Security → Personal access tokens → Generate new token. Alcanza con el permiso File content: Read only.
Todo corre en la memoria de tu pestaña. No hay servidor que reparta el trabajo, así que el techo es el de tu navegador.
Un archivo de 80 pantallas mueve unos 50 MB de JSON y sale un .zip de ~9 MB. Hasta ahí anda cómodo. Muy por encima de eso la pestaña puede quedarse sin memoria — si tu archivo es enorme, usá "elegir pantallas" y andá por tandas.
Sólo se exportan texto y vectores. Las fotos y cualquier relleno de imagen quedan como una caja vacía del tamaño correcto. Para medir alcanza; si esperabas ver las fotos, no es la herramienta.
De cada relleno se toma el primer color sólido: un degradado sale plano. Los desenfoques tampoco se replican. Aproximarlos engañaría más que dejarlos afuera.
No se toca el endpoint de imágenes, pero bajar el archivo y su geometría también consume presupuesto. Un puñado de exportaciones grandes seguidas te puede dar un 429; se libera solo.
Lo que sale es un documento de referencia para medir, no markup para producción. Si querés código listo para pegar en tu app, usá el MCP de Figma: interpreta el diseño y te devuelve componentes. Esto hace lo contrario a propósito — te da el hecho crudo.