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.
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.