Notas sobre cómo convertir sitios web en capas de Figma.
Comparativas con precios reales, referencias de CSS a Figma, tutoriales y datos de nuestras propias importaciones. Para diseñadores que llevan sitios web a Figma.
Cómo Importar una App de Next.js en Localhost a Figma
Una app de Next.js en localhost se importa a Figma como cualquier página: ejecuta el CLI de captura contra la URL local, oculta el indicador y espera la hidratación.
LeerRadio de Borde, Bordes y Contornos: Qué Sobrevive una Importación
border-radius, border y outline de CSS parecen una sola familia de propiedades en las herramientas de desarrollador, pero llegan a Figma de tres formas distintas tras una importación. Esto es lo que se conserva exactamente, lo que se convierte en un ajuste de trazo, y lo que no tiene equivalente en CSS.
LeerCapas, tasas de reemplazo y sustitución de fuentes en una importación a Figma
Cuántas capas genera una página al importarla, dónde cae el límite de 500 capas del plan gratuito, y qué fuentes se sustituyen, según datos públicos de DOM y fuentes.
LeerUnHTML frente a la importación a Figma de Builder.io: cuál encaja realmente con tu trabajo
UnHTML y el plugin de Builder.io ponen una página web dentro de Figma, pero resuelven problemas distintos. Esto es lo que importa cada uno, cómo se comporta el auto layout y qué dice cada proveedor sobre sus límites en 2026.
LeerLa tasa de sustitución de fuentes en una importación típica de web a Figma
La mayoría de las páginas mantienen sus fuentes intactas al importar. Esta es la tasa real de sustitución, y qué fuentes autohospedadas se cambian por Inter.
LeerExportar HTML Autónomo desde Chrome para Importar
El menú Guardar como de Chrome tiene tres modos de exportación, pero solo uno se acerca a un archivo HTML realmente autónomo. Aquí tienes cuál elegir.
LeerDe box-shadow en CSS a un efecto en Figma: el mapa propiedad por propiedad
Un valor box-shadow de CSS y un efecto Drop Shadow o Inner Shadow de Figma comparten las mismas cinco propiedades con nombres distintos. El mapa, campo por campo.
LeerUnHTML frente a Locofy: convertir una web en diseño y convertir un diseño en código no son el mismo trabajo
UnHTML importa una página web en vivo a Figma como capas editables. Locofy exporta un diseño de Figma existente a código. Así encajan los dos flujos de trabajo.
LeerGuardar una página como Web Archive de Safari para importarla en UnHTML
Guardar como, Web Archive en Safari junta el HTML, CSS, JS e imágenes de una página en un solo archivo para UnHTML. Así se crea en Mac y en iOS.
LeerPosition CSS en Figma: Static, Relative, Absolute, Fixed y Sticky
CSS tiene cinco valores de position. Esta referencia mapea static, relative, absolute, fixed y sticky sobre el auto layout, ignore auto layout y constraints de Figma.
LeerUnHTML frente a Anima: en qué dirección va realmente la conversión
UnHTML convierte una página en capas de Figma. Anima convierte un diseño de Figma en código. Esto es lo que esa diferencia significa para tu flujo de trabajo.
LeerComponentes de Figma a partir de una importación: convierte una página de UnHTML Pro en estilos reutilizables
La mayor parte de una importación de UnHTML Pro ya trae auto layout, text styles y componentes. Así se termina de organizar lo que Pro deja como frames simples.
LeerCómo importar un sitio React o Vue a Figma
Descubre cómo una captura por CLI convierte una app React o Vue en vivo en marcos editables de auto layout dentro de Figma.
LeerSustitución de Fuentes en Figma: Cómo se Reemplazan y Registran las Fuentes Faltantes
Por qué las fuentes de una página importada aparecen como faltantes en Figma, cómo las reemplazan Figma y UnHTML, y cómo leer el informe de importación antes de publicar.
LeerCSS Grid a Figma: Qué Sobrevive en la Conversión a Capas
Los tracks, spans, gap y la unidad fr de CSS grid se traducen casi directo al grid auto layout de Figma. Grid-template-areas y subgrid no, y aquí está por qué.
LeerPegado Web de Figma vs Plugins de Captura a Diseno vs UnHTML en 2026
El pegado propio de Figma convierte imagenes web en rellenos planos. Esto es lo que produce cada camino hasta la importacion CSS de UnHTML, en 2026.
LeerUnHTML vs html.to.design: precio, límite de capas y resultado con auto layout en 2026
UnHTML y html.to.design convierten una página web en capas editables de Figma, pero cobran y limitan esa conversión de forma muy distinta.
LeerDe CSS Flexbox a Figma Auto Layout: Mapa Propiedad por Propiedad
Un mapa propiedad por propiedad de CSS flexbox a Figma auto layout: direction, justify-content, align-items, gap, flex-grow y flex-shrink.
Leer