Las funciones de inteligencia artificial generativa en Figma transforman la forma en que diseñas, prototipas y entregas proyectos. Si llevas semanas trabajando en tu app y se acerca la fecha de entrega, estas cuatro herramientas con IA en Figma te ahorran horas de trabajo manual y te ayudan a iterar más rápido sin sacrificar calidad.

Para saber si tienes habilitadas estas funciones, busca en tu barra de herramientas un pequeño ícono con forma de estrellas. Ese ícono activa el menú de IA donde vive toda la magia que vas a ver a continuación.

¿Cómo crear un prototipo automático en Figma con IA?

La primera función reemplaza el trabajo tedioso de conectar pantallas una por una desde la pestaña de prototipo. Seleccionas todos los frames de tu sección, abres el menú de IA y eliges Make prototype. Figma analiza el contexto de cada pantalla y genera las conexiones por su cuenta.

En el ejemplo de la app Apata [02:30], Figma identifica que la primera pantalla es un splash, conecta el menú de Comunidad con la pantalla de comunidad y enlaza la sección de Guardados con el resto del flujo. No queda perfecto, pero te ahorra entre 20 y 30 minutos de configuración manual.

¿Qué hace Make prototype en Figma? Analiza tus frames y genera automáticamente las interacciones entre pantallas según el contexto visual. Es ideal como punto de partida antes de afinar animaciones específicas.

¿Cómo duplicar contenido con datos nuevos usando auto layout?

Aquí se combinan dos cosas potentes: el auto layout y la generación contextual. Si tienes un bloque de reviews con nombre, hora, ubicación, distancia y calificación, copiar y pegar manualmente toma una eternidad.

La función Duplicate with new content [04:15] aparece como un pequeño botón abajo a la derecha cuando seleccionas un frame dentro de un auto layout. Le pides que amplíe tres veces más y Figma genera nombres distintos como Elena o Marino, cambia las horas a hace ocho horas, modifica las distancias a 42 kilómetros o 1.5, ajusta los tiempos y conserva el formato y los call to action que detecta como permanentes.

Para las fotos de perfil que quedan idénticas, el plugin de Unsplash resuelve el problema. Seleccionas las imágenes con shift, presionas command K para abrir la barra de acciones, llamas a Unsplash y eliges un preset de retratos. En segundos tienes tres reviews completos con datos e imágenes únicas.

¿Cómo generar imágenes desde cero dentro de Figma?

La función Make an image [06:00] usa el motor de Google Gemini para crear fotografías sin salir del archivo. Escribes un prompt como "una fotografía de un atardecer colorido en un bosque", presionas Make it y Figma devuelve cuatro versiones distintas para que elijas.

Lo interesante es que puedes iterar sobre el resultado. Si quieres que se noten las estrellas en el firmamento, lo escribes y Figma regenera la imagen con esa modificación. El resultado se siente como si un fotógrafo profesional hubiera estado en el lugar.

¿Cómo renombrar capas y traducir contenido con IA en Figma?

Cuando diseñas rápido y no creas componentes, terminas con capas llamadas Frame 25, Rectangle 18 o Name. Es el caos típico de una exploración. La función Rename layers [08:00] resuelve esto en segundos.

Seleccionas el componente o toda la sección, abres el menú de IA y eliges Rename layers. Figma reescribe los nombres con contexto: lo que era Rectangle pasa a ser Rounded, los divisores se llaman Tab divider y los íconos reciben nombres descriptivos. Esto es oro cuando quieres estandarizar un design system.

La función Translate to funciona igual de rápido. Si tu pantalla de guardados está en español y la necesitas en inglés de Estados Unidos, en una frase ya tienes Saved, Lists, Downloads, Create a new list, My favorites y My maps listos para producción.

¿Qué tan precisa es la traducción de IA en Figma? Mantiene el formato y respeta el espacio del auto layout, lo que la hace usable directamente en producción para idiomas comunes.

¿Qué es First Draft y cómo genera diseños desde cero?

La función más impresionante se llama First Draft [10:30]. La buscas con el teclado o la encuentras en el menú de IA, y abre un campo donde escribes en español lo que necesitas, incluso con errores de ortografía.

En el ejemplo, el prompt pide una app que ayude a encontrar puntos relevantes en un sendero de caminatas: espacios para comer, lugares con kits de salud y zonas para acampar. Figma genera un frame completo con un mapa de inicio a fin, marca los puntos relevantes y construye toda la pantalla usando auto layout y buenas prácticas de diseño responsive.

El menú de personalización que aparece junto al diseño te deja afinar varios aspectos:

• Cambiar la paleta de color principal, por ejemplo de verde a azul.
• Ajustar el color del call to action manteniendo accesibilidad de contraste.
• Modificar qué tan redonda se siente la interfaz.
• Aumentar o reducir el espaciado para que respire o sea más compacto.
• Cambiar la tipografía, por ejemplo de una redonda a JetBrains para un look más tecnológico.

¿Por qué la IA en Figma debe ser solo un primer borrador?

Todas estas funciones existen para acelerar tu proceso, no para reemplazar tu criterio. Entregar un resultado de IA como versión final no es ético ni profesional. El valor real está en el amor por los detalles, la composición y la sistematización que tú aportas con lo aprendido en el curso.

Crear frames desde cero, dominar auto layout, construir componentes y diseñar un sistema completo es lo que separa un primer borrador de una entrega de calidad. Usa la IA para arrancar, no para terminar.

Si te gustó esta clase, califícala y déjame en los comentarios qué función te parece más útil para tu proyecto.