Cada pocas semanas, alguna de las grandes herramientas de diseño da un giro que obliga a repensar cómo trabajamos. Esta vez le toca a Figma: en apenas veinte días de agosto de 2026 ha lanzado tres actualizaciones que, juntas, redefinen el flujo de trabajo de cualquier estudio. La más comentada por diseñadores y agencias es, sin duda, el Auto Layout de Figma, que ahora incorpora opciones de espaciado que llevábamos años pidiendo. En este artículo repasamos qué ha cambiado, por qué importa y cómo lo estamos incorporando en Uraldes a nuestros procesos de diseño web.
Qué es el Auto Layout de Figma y por qué acapara titulares este verano
El Auto Layout es la funcionalidad de Figma que permite crear estructuras que se adaptan automáticamente al contenido, sin tener que mover manualmente cada elemento cada vez que cambia un texto, se añade una imagen o se traduce una web a otro idioma. Hasta ahora, el espaciado automático entre elementos solo ofrecía una opción por defecto, bautizada ahora como «Between» (espacio uniforme entre elementos, sin afectar a los bordes). El 21 de agosto, Figma añadió dos alternativas nuevas: «Around», que reparte el espacio de forma equitativa incluyendo medio espacio en los extremos, y «Evenly», que iguala completamente los espacios entre elementos y bordes.
Puede parecer un detalle menor, pero para quienes diseñamos interfaces a diario supone eliminar decenas de ajustes manuales en cada composición: menús de navegación, galerías de productos, tarjetas de servicios o pies de página con iconos sociales. El espaciado automático deja de ser una aproximación y pasa a ser exacto, sin necesidad de escribir una sola línea de CSS.
Around y Evenly: las nuevas opciones de espaciado automático
La diferencia entre ambas opciones es sutil pero decisiva en producción. «Around» resulta especialmente útil en barras de navegación y galerías donde se quiere que los elementos «respiren» también junto al borde del contenedor, algo que antes obligaba a añadir un padding adicional y recalcularlo cada vez que cambiaba el número de elementos. «Evenly», por su parte, es la opción ideal para grids de servicios, catálogos de producto o secciones de logotipos de clientes, donde el equilibrio visual entre todos los huecos es lo que transmite orden y profesionalidad.
Para un estudio de diseño web como el nuestro, esto significa menos tiempo ajustando píxeles y más tiempo dedicado a la parte estratégica: la jerarquía visual, el recorrido del usuario y la conversión. La maquetación sin código avanza un paso más hacia la precisión que antes solo lograba el desarrollo manual.
Text Wrap: Balance y Pretty para un diseño responsive más cuidado
La segunda gran novedad llegó el 14 de agosto con el «Text Wrap», disponible tanto para capas de texto individuales como para estilos de texto y párrafos completos. Sus dos modos, «Balance» y «Pretty», resuelven un problema clásico del diseño responsive: los titulares que terminan con una única palabra huérfana en la última línea, o los bloques de texto que se ven descompensados al reducir el ancho de pantalla.
«Balance» distribuye el texto de forma equilibrada entre líneas, algo especialmente útil en titulares de landing pages y cabeceras. «Pretty» evita específicamente esas palabras sueltas al final de un párrafo, un detalle tipográfico que hasta ahora requería retocar manualmente el texto o forzar saltos de línea que se rompían en cuanto el contenido cambiaba de idioma o de dispositivo. Es, en el fondo, otra pieza más de diseño responsive que Figma automatiza para que el diseñador se concentre en decisiones de mayor nivel.
Carpetas anidadas del Auto Layout de Figma: orden para equipos que crecen
A principios de agosto, el día 3, Figma también sustituyó los antiguos «Proyectos» por carpetas que se pueden anidar hasta diez niveles de profundidad y heredan permisos automáticamente de la carpeta superior. No es una función tan vistosa como el espaciado automático o el text wrap, pero para agencias que gestionan decenas de clientes y proyectos simultáneos supone un cambio real en la organización del trabajo diario.
Por qué estas novedades importan para agencias y diseñadores web
En Uraldes llevamos quince años diseñando webs para negocios de Málaga y de toda España, y una de las lecciones que más repetimos a nuestros clientes es que el diseño responsive no es un lujo estético, sino una condición para que una web funcione en cualquier dispositivo. Cada mejora en herramientas de diseño Figma que automatiza tareas repetitivas —como el espaciado automático o el ajuste tipográfico— se traduce directamente en webs más consistentes, entregadas en menos tiempo y con menos margen de error humano.
Además, estas funciones facilitan enormemente el trabajo colaborativo entre diseño y desarrollo. Cuando el prototipo en Figma respeta reglas de espaciado y tipografía tan precisas como las que ahora ofrece el Auto Layout de Figma, la traducción a código —ya sea en WordPress, Divi o un desarrollo a medida— es mucho más fiel al diseño original, y se reducen las idas y vueltas entre equipos.
Cómo aprovechar el Auto Layout de Figma en tus proyectos reales
Si gestionas tu propia web o trabajas con un equipo de diseño de interfaces, estas son algunas recomendaciones prácticas:
- Revisa tus componentes existentes. Muchos sistemas de diseño creados antes de agosto de 2026 siguen usando la opción «Between» por defecto; merece la pena auditar si «Around» o «Evenly» encajan mejor en según qué secciones.
- Aplica Text Wrap a titulares y CTAs. Son los elementos donde una palabra huérfana o un salto de línea torpe más penaliza la percepción de calidad de una marca.
- Aprovecha las carpetas anidadas para tu librería de marca. Organizar por cliente, proyecto y versión evita el caos habitual en cuentas con muchos archivos activos.
- No pierdas de vista el prototipado UI/UX real en dispositivos. Ninguna herramienta sustituye probar el diseño responsive en móviles y tablets reales antes de publicar.
El contexto: Figma sigue apostando por el diseño sin código
Estas actualizaciones no llegan aisladas. Figma ha reforzado en los últimos meses su apuesta por la maquetación sin código y el prototipado UI/UX asistido, ampliando su ecosistema con herramientas de generación de contenido y animación. El mensaje de fondo es claro: cada vez es más fácil pasar de una idea a una interfaz funcional sin depender exclusivamente de escribir código desde cero, aunque el criterio de un buen diseñador —jerarquía visual, accesibilidad, experiencia de usuario— sigue siendo insustituible.
Conclusión sobre el Auto Layout de Figma
El nuevo Auto Layout de Figma, junto al Text Wrap y las carpetas anidadas, son actualizaciones que a primera vista parecen técnicas menores, pero que en la práctica ahorran horas de trabajo repetitivo y elevan el nivel de acabado de cualquier diseño responsive. Para las agencias y los equipos de diseño de interfaces, adoptar estas herramientas cuanto antes significa entregar proyectos más consistentes y en menos tiempo, sin renunciar al cuidado por el detalle que marca la diferencia entre una web correcta y una web excelente.
Si quieres que tu web incorpore las últimas novedades en diseño responsive y esté diseñada con el mismo rigor que aplicamos a estas herramientas, en Uraldes podemos ayudarte. Contacta con nuestro equipo y hablemos de tu proyecto.
Este artículo ha sido elaborado con apoyo de inteligencia artificial y revisado y editado por el equipo de Uraldes antes de su publicación.
