Figma ha dado un golpe sobre la mesa en Config 2025, su evento anual más esperado, presentando un arsenal de nuevas funciones que prometen redefinir el diseño digital. Desde sistemas de cuadrículas hasta generación automática de código, la compañía está apostando fuerte por integrar diseño, desarrollo y despliegue en una sola plataforma.
Grid: flexibilidad y precisión para el diseño responsivo
Figma Grid es una de las actualizaciones más solicitadas por los diseñadores. Esta nueva funcionalidad permite crear sistemas de cuadrículas para estructurar diseños de manera más precisa y organizada. Aunque las cuadrículas no son nuevas en el mundo del diseño, esta herramienta busca hacerlas más flexibles y fáciles de usar, permitiendo que los diseñadores adapten sus creaciones a diferentes tamaños de pantalla sin sacrificar coherencia visual.
Una de las principales ventajas es que ahora es posible crear diseños completamente responsivos sin tener que recurrir a soluciones externas o hacks complicados. Esto no solo mejora la consistencia en los proyectos, sino que también facilita el trabajo en equipo, ya que los desarrolladores podrán entender rápidamente la estructura de cada diseño. Además, Figma Grid está diseñado para integrarse perfectamente con otras herramientas de la plataforma, como Make y Sites, creando un flujo de trabajo más fluido.
Sites: de prototipos a sitios web reales
Figma Sites es quizás la herramienta más ambiciosa presentada en Config 2025. Esta función permite a los diseñadores transformar sus prototipos en sitios web completamente funcionales con solo un clic. Imagina diseñar una página, hacer clic en "Publish" y que todo el código necesario se genere automáticamente, listo para ser desplegado en producción.
Aunque esta idea suena revolucionaria, también presenta algunos desafíos. Por ejemplo, no se han dado detalles concretos sobre cómo se gestionarán los dominios, certificados SSL o configuraciones avanzadas como SEO. Sin embargo, las primeras demostraciones muestran que Sites tiene un gran potencial para simplificar el proceso de pasar del diseño a la web.
Además, Figma Sites parece estar diseñado para funcionar de la mano con Make, permitiendo a los diseñadores ajustar fácilmente la estructura de sus sitios a medida que los proyectos evolucionan, sin necesidad de tocar código directamente. Esto podría ser un cambio significativo para estudios pequeños o diseñadores independientes que buscan rapidez sin comprometer la calidad.
Bass: gestión avanzada de assets sin perder consistencia
Figma Bass es una solución que busca resolver uno de los problemas más comunes en los grandes proyectos de diseño: la gestión de assets. Esta herramienta promete mantener la consistencia visual de los elementos, sin importar cuántas veces se escalen o se reutilicen. Esto es especialmente útil para marcas que deben manejar grandes cantidades de gráficos y elementos visuales en múltiples plataformas.
Con Bass, los diseñadores pueden crear y gestionar bibliotecas de assets que se adaptan automáticamente a diferentes contextos sin perder su identidad visual. Esto es posible gracias a un sistema que ajusta las propiedades de los elementos en función del diseño en el que se integran, garantizando coherencia sin necesidad de ajustes manuales constantes.
Make: del diseño al código en un solo paso
Figma Make es quizás la herramienta más técnica y potente de todas las anunciadas. Esta función permite a los diseñadores convertir sus prototipos en código real, generando automáticamente los componentes HTML, CSS y JavaScript necesarios para que los diseños funcionen directamente en producción.
Lo impresionante de Make es que no se limita a crear simples prototipos interactivos, sino que genera código limpio y funcional que se integra directamente con las plataformas de desarrollo. Por ejemplo, un diseñador puede crear una galería de imágenes, aplicar estilos y animaciones, y Make se encargará de traducir todo esto a código sin necesidad de intervención manual.
Sin embargo, esta automatización también ha despertado algunas preocupaciones, especialmente en cuanto a la calidad del código generado. Algunos diseñadores temen que esta simplificación podría llevar a problemas de accesibilidad o estructuras HTML poco semánticas, un fenómeno conocido como "Dividitis", donde los elementos <div> se utilizan en exceso en lugar de etiquetas más precisas.
Drow: creatividad al siguiente nivel
Figma Drow es la apuesta de la compañía para potenciar el lado artístico del diseño. Esta herramienta está diseñada para facilitar la creación de ilustraciones y gráficos complejos, algo que hasta ahora requería el uso de software especializado como Adobe Illustrator o Affinity Designer.
Aunque no se han dado muchos detalles técnicos, las primeras demostraciones muestran que Drow integra capacidades de inteligencia artificial para ayudar a los diseñadores a crear ilustraciones más rápido y con menos esfuerzo. Esto podría ser especialmente útil para proyectos que requieren gráficos personalizados o elementos únicos, como logotipos y personajes.
Fuente: Figma
