Ayer estuve siguiendo el encuentro de Friends of Figma en Barcelona 📆, donde exploramos los principales anuncios de Config 2025 — la conferencia anual de Figma que reúne a diseñadores, desarrolladores y equipos de todo el mundo para explorar el futuro de las herramientas de diseño.
Para entender mejor las nuevas funciones y cómo podrían aplicarse a escenarios del mundo real, escribí este artículo 👭🏻 junto con mi hermana, Romi Mendez. Queríamos compartir lo que encontramos más relevante de las actualizaciones presentadas ayer — junto con algunas preguntas abiertas en las que aún estamos reflexionando.
La ilustración de portada se inspiró en los visuales mostrados durante la presentación principal de Config 2025 — especialmente las escenas conceptuales utilizadas para presentar nuevas características como Figma Sites y Make. Lo reimaginamos con un tema natural para reflejar la versatilidad y el potencial expresivo que ofrecen estas herramientas.
1. Figma Grid
Figma Grid te ayuda a construir interfaces más flexibles, organizadas y precisas utilizando una estructura bidimensional basada en filas y columnas.
Imagen de origen: Figma Blog
¿Qué puedes hacer con Figma Grid?
- 📐 Control total sobre filas y columnas con dimensiones fijas o automáticas
- ↔️ Redimensionamiento responsivo en tiempo real
- 🧩 Colocación y anidamiento fáciles de elementos — o incluso cuadrículas dentro de cuadrículas
- 🎨 Alineación precisa y opción para posicionamiento absoluto
- 💻 Compatibilidad directa con CSS Grid en Modo Desarrollador
- 💡 Ideal para crear diseños complejos sin Auto Layouts profundamente anidados
¿Por qué usar Grid?
- Diseñar componentes complejos, tableros, calendarios o galerías
- Organizar contenido de manera precisa utilizando filas y columnas
- Construir diseños responsivos sin anidar Auto Layouts
- Crear estructuras modulares que puedes reutilizar fácilmente
- Entregar diseños mapeados directamente a propiedades CSS para desarrolladores
Mira Grid en acción
¿Quieres profundizar y ver ejemplos reales? Consulta la demostración oficial de Config 2025:
2. Figma Sites
Figma Sites es una nueva herramienta para construir y publicar sitios web interactivos — directamente desde Figma, sin cambiar de herramientas.
Imagen de origen: Figma Blog
¿Qué puedes hacer con Figma Sites?
- 🎨 Un editor visual con puntos de interrupción integrados (escritorio, tabletas, móvil)
- 🖱️ Interacciones listas para usar (hover, parallax, arrastrar, etc.)
- 🧩 Integración directa con sistemas de diseño y bibliotecas
- 🔎 Vista previa responsiva en vivo renderizada en HTML/CSS real
- 🚀 Publicación con un solo clic
- 💡 Convierte tus diseños estáticos en sitios web reales y funcionales — sin herramientas adicionales ni codificación requerida
¿Por qué usar Figma Sites?
- Construir y publicar portafolios, páginas de aterrizaje, campañas o sitios de eventos al instante
- Crear prototipos realistas sin salir de la plataforma Figma
- Diseñar sitios completamente responsivos para cualquier tamaño de pantalla
- Añadir interactividad sin escribir código
- Acelerar la validación con clientes, usuarios o equipos de contenido
Mira Figma Sites en acción
¿Quieres ver cómo funciona todo en tiempo real? Consulta la demostración oficial de Config 2025:
3. Figma Make
Figma Make es un nuevo entorno dentro de Figma que te ayuda a convertir diseños estáticos en prototipos interactivos utilizando lenguaje natural — sin necesidad de codificación.
Imagen de origen: Figma Blog
¿Qué puedes hacer con Figma Make?
- 🧠 Prompts en lenguaje natural para generar animaciones, interacciones o lógica de interfaz
- 🎮 Soporte para elementos avanzados como shaders, mundos 3D, efectos visuales o datos en tiempo real
- 🎯 Herramientas como Point and Edit o Point and Prompt para cambios precisos y contextuales
- 💡 Una forma más rápida de pasar de la idea a la experiencia interactiva — todo dentro de Figma
¿Por qué usar Figma Make?
- Construir prototipos funcionales sin necesidad de habilidades técnicas
- Validar ideas y flujos de usuario con interacción real
- Iterar en partes específicas del diseño sin romper sistemas visuales
- Añadir lógica, datos y comportamiento dinámico sin salir de Figma
- Explorar posibilidades creativas avanzadas, desde UI básica hasta interacciones inmersivas en 3D
Mira Figma Make en acción
¿Quieres verlo en acción? Consulta la demostración oficial de Config 2025:
4. Figma Buzz
Figma Buzz es un nuevo espacio dentro de Figma para crear, editar y escalar activos de marca — como campañas, publicaciones, materiales de eventos y más — con control visual y consistencia total.
Imagen de origen: Figma Blog
¿Qué puedes hacer con Figma Buzz?
- 🎨 Un editor enfocado y fácil de usar, diseñado para equipos de diseño y marketing
- 📦 Plantillas personalizadas para proteger tu identidad de marca
- 📊 Creación masiva de activos utilizando hojas de cálculo (archivos CSV)
- 🧩 Reutilización de componentes de tu Sistema de Diseño
- 🖼️ Generación de imágenes impulsada por IA con gpt-image-1
- 📥 Exportar en múltiples formatos: PNG, JPG o PDF
¿Por qué usar Figma Buzz?
- Crear contenido para redes sociales, campañas, eventos o activos internos
- Reducir la carga de diseño utilizando plantillas bloqueadas
- Permitir que equipos no diseñadores editen contenido sin romper la marca
- Escalar la producción utilizando hojas de cálculo y edición por lotes
- Colaborar entre diseño y marketing en un mismo espacio visual
Mira Figma Buzz en acción
¿Tienes curiosidad sobre cómo funciona todo? Consulta la demostración oficial de Config 2025:
5. Figma Draw
Figma Draw es el nuevo espacio creativo dentro de Figma Design que mejora el diseño expresivo con ilustraciones avanzadas, edición vectorial, efectos y texturas.
Fuente: Figma Blog
¿Qué puedes hacer con Figma Draw?
- ✍️ Edición vectorial optimizada: booleans mejorados, selección múltiple, herramienta de lazo, generador de formas
- 🖌️ Herramientas expresivas: pinceles, patrones, texturas, texto en ruta, desenfoque progresivo
- 🌀 Control total sobre formas: repetidores radiales y lineales, origen de rotación editable
¿Por qué usar Figma Draw?
- Crear ilustraciones, íconos, encabezados u otros elementos visuales sin salir de Figma
- Integrarse con tu sistema de diseño utilizando variables de color, modo oscuro y jerarquías limpias
- Experimentar libremente con herramientas de dibujo — sin necesidad de plugins
Mira Figma Draw en acción
¿Quieres verlo en vivo? Consulta la demostración oficial de Config 2025:
🎯 Preguntas que aún nos hacemos…
Mientras explorábamos estas nuevas funciones, surgieron algunas preguntas e ideas en las que aún estamos reflexionando:
¿Cómo funcionará la publicación de sitios de forma segura?
Figma Sites permite la publicación con un solo clic, lo cual es poderoso — pero, ¿cómo podemos mantener un sitio privado durante las etapas iniciales? Nos gustaría ver opciones para acceso restringido, como lista blanca de IPs, protección por contraseña o entornos de staging.
¿Podrían Figma Sites integrarse con repositorios de código?
¿Hay una forma de conectar un sitio a un repositorio de GitHub (o similar) y empujar el código generado automáticamente? Esto podría ayudar a los equipos con el control de versiones, la automatización y la documentación.
¿Se integrará Figma Buzz con plataformas de redes sociales?
Buzz ya admite la creación masiva de contenido a través de hojas de cálculo — pero, ¿y si también pudiéramos programar y publicar publicaciones directamente en plataformas como Instagram o LinkedIn?
¿Cómo funcionará la gestión del CMS y del entorno?
Con un CMS sin código en camino, será interesante ver cómo gestionaremos el contenido de staging frente al de producción, las aprobaciones de borradores o los flujos de publicación en vivo.
¿Cómo garantizaremos la precisión de los datos a gran escala?
Las cargas de CSV son geniales para evitar la entrada manual de contenido, pero, ¿cómo podemos prevenir problemas de formato o de sincronización en flujos de trabajo de contenido a gran escala?
¿Cómo se apoyará la accesibilidad en Sites?
La accesibilidad es una necesidad. Si bien se puede editar manualmente el HTML/CSS personalizado, sería útil que Sites proporcionara herramientas o guías de accesibilidad integradas — como soporte para etiquetas semánticas, texto alternativo o atributos ARIA.
🎯 Reflexiones finales
Estamos realmente impresionados con la dirección que está tomando Figma. Estas nuevas funciones no solo apoyan a los diseñadores, sino que crean oportunidades para todo tipo de equipos: desarrolladores, gerentes de producto, editores de contenido, partes interesadas, y todos los involucrados en la construcción de productos digitales.
Figma sigue evolucionando hacia una verdadera plataforma de principio a fin, una que conecta: ideación, colaboración, diseño, código, y ahora incluso publicación... todo en el mismo espacio.
📚 Referencias
Figma. (2025, 7 de mayo). Config 2025: Presentación del producto por Dylan Field (CEO y cofundador) [Video]. Recuperado 8 de mayo de 2025, de https://youtu.be/5q8YAUTYAyk
Field, D. (2025, 7 de mayo). Resumen de Config 2025: Impulsando el diseño más allá. Figma Blog. Recuperado 8 de mayo de 2025, de https://www.figma.com/blog/config-2025-recap/
Lehman, A., Cowart, T., & Byrne, L. (2025, 7 de mayo). Introduciendo Figma Sites: Publica tus diseños en la web. Figma Blog. Recuperado 8 de mayo de 2025, de https://www.figma.com/blog/introducing-figma-sites/
Ng, P., Chouhan, R., & Duncalf, T. (2025, 7 de mayo). Introduciendo Figma Make: Una nueva forma de probar, editar y solicitar diseños. Figma Blog. Recuperado 8 de mayo de 2025, de https://www.figma.com/blog/introducing-figma-make/
Budorick, L., Miller, J., Van Damme, T., & King, R. (2025, 7 de mayo). Exprésate con Figma Draw. Figma Blog. Recuperado 8 de mayo de 2025, de https://www.figma.com/blog/introducing-figma-draw/
Ran, A., Tenggoro, N., & Chambers, K. (2025, 7 de mayo). Figma Buzz: Donde los equipos de diseño y marketing co-crean. Figma Blog. Recuperado 8 de mayo de 2025, de https://www.figma.com/blog/introducing-figma-buzz/
Top comments (1)
es increíble lo que se esta haciendo en esta plataforma, muy buen artículo, aunque si has utilizado ChatGPT para mejorarlo, podrías haberlo utilizado para traducirlo al inglés.