Blog
Guías sobre HTML to Figma, Auto Layout, sistemas de diseño y flujos de trabajo de IA a diseño.
CSS to Figma Auto Layout: guía de flexbox y grid a Auto Layout
Flexbox y el Auto Layout de Figma se parecen, pero no son el mismo modelo. Esta guía técnica relaciona las propiedades CSS con los ajustes de Auto Layout, explica por qué importa la verificación y muestra cómo escribir CSS que se importe limpiamente.
22 de octubre de 2026 · 10 min de lectura
Localhost to Figma: captura cualquier página con la extensión
A algunas páginas no se puede llegar con una importación por URL: tu build en localhost, un panel que requiere inicio de sesión, un menú que está abierto ahora mismo. La extensión gratuita HTML to Frames para Chrome las captura desde tu propio navegador y las convierte en capas de Figma editables.
21 de octubre de 2026 · 9 min de lecturaAI to FigmaAI to Figma: envía interfaces de Claude y Cursor a Figma vía MCP
Las herramientas de programación con IA pueden construir una interfaz funcional en minutos, pero los diseñadores la siguen necesitando en Figma. Así se conecta Claude Code, Claude Desktop o Cursor a HTML to Frames por MCP para obtener capas editables en lugar de capturas de pantalla.
20 de octubre de 2026 · 9 min de lecturawebsite to FigmaWebsite to Figma: guía para agencias y propuestas de rediseño
Un manual paso a paso para agencias que convierte el sitio web actual de un cliente en capas de Figma editables y en una propuesta de rediseño. Cubre importaciones de varias páginas, Responsive sets, Light + Dark, tableros antes/después y un ejemplo de calendario de sprint.
18 de octubre de 2026 · 9 min de lecturaHTML to frameHTML to Frame: cómo un DOM se convierte en Auto Layout de Figma
Convertir HTML en frames de Figma es fácil de hacer mal y difícil de hacer bien. Así es como HTML to Frames traduce un DOM a frames anidados, deduce el Auto Layout a partir de la geometría medida y verifica cada hijo para que el diseño nunca se rompa.
16 de octubre de 2026 · 8 min de lecturaHTML to canvasHTML to Canvas: capturas en bitmap frente a capas de Figma
Si buscas "HTML to canvas" encontrarás dos cosas muy distintas: librerías de JavaScript que convierten una página en píxeles y herramientas que llevan una página al lienzo de Figma como capas. Este artículo explica ambas, cuándo conviene cada una y cómo tratar el contenido que realmente es un canvas.
14 de octubre de 2026 · 8 min de lecturaHTML to designHTML to Design: flujo de rediseño para diseñadores y agencias
La mayoría de los rediseños parten de un sitio que ya existe y, sin embargo, la mayoría de los archivos de diseño parten de un lienzo en blanco. Este es un flujo HTML to design práctico que convierte páginas en vivo en capas editables, un sistema de diseño reutilizable y un prototipo clicable.
11 de octubre de 2026 · 8 min de lecturaHTML to FigmaCómo convertir HTML a Figma (HTML to Figma): guía completa 2026
Convertir HTML a Figma ya no significa reconstruir una página a mano ni pegar una captura de pantalla plana. Esta guía repasa todos los métodos de importación, las elecciones de pantallas y opciones que importan y cómo conseguir capas limpias y editables a la primera.
8 de octubre de 2026 · 9 min de lecturaDeja de redibujar la web.
Pega un enlace y obtén capas de Figma reales, editables y responsive en segundos. Gratis para empezar: 10 importaciones cada mes.
Sin tarjeta de crédito. Pro se compra dentro de Figma.
Muy pronto en Figma Community