Open source · corre en tu navegador

632 × 178 ↕ 178

Medí el diseño.
No lo aproximes.

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.

¿De dónde saco el token? →
elegir pantallas →

Esta página es HTML estático. El pedido va de tu navegador directo a api.figma.com — no hay servidor en el medio.

Elegí qué exportar

01

Baja el árbol

Posición, tamaño, color y texto de cada nodo, tal como los reporta Figma.

02

Dibuja cada caja

En posición absoluta, con las coordenadas exactas. Sin flex adivinado.

03

Te da un .zip

Índice navegable, una pantalla por archivo y los íconos como SVG locales.

No te agota la cuota de Figma

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.

GET /v1/images HTTP/2 429 Rate limit exceeded retry-after: 324811 ↑ 90 horas de espera GET /nodes?geometry=paths HTTP/2 200 OK ↑ lo que usa esta herramienta

Qué te llevás

Medidas exactas

Cada nodo en las coordenadas que reporta Figma. Nada redondeado a una grilla de 8.

Inspeccionable

Cada elemento lleva data-node-id y su nombre de capa. Buscá cualquier cosa en las DevTools.

Íconos que no vencen

Los SVG quedan locales en el .zip. Las URLs de assets de Figma se caen a los 7 días.

Índice navegable

Todas las pantallas en una página, con buscador, escala 1:1 y un modo "ver cajas".

De dónde sale el token

En Figma: tu avatar → Settings → pestaña SecurityPersonal access tokensGenerate new token. Alcanza con el permiso File content: Read only.

Límites, dichos de frente

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.

Cuánto aguanta

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.

Las imágenes no salen

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.

Degradados y efectos

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.

La cuota igual existe

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.

Para qué NO sirve

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.