Deje de mover cuadros, comience a escribir mensajes. El futuro de los diagramas de flujo con Figjam AI
Durante los últimos tres años, he investigado y probado exhaustivamente cómo los diseñadores de productos pueden utilizar la tecnología de IA generativa para mejorar la eficiencia y la precisión en su flujo de trabajo de diseño.
Aunque solo estamos en los primeros pasos, los diseñadores deben integrar la IA en nuestro proceso de diseño hoy. Esta integración nos permitirá trabajar de forma más eficiente y con mayor precisión.
Las herramientas de inteligencia artificial comunes en el mercado son ChatGPT, Gemini, Midjourney y más, que muestran características clave de la tecnología de inteligencia artificial. Además, cada día se lanzan muchas herramientas nuevas.
Aparte de las nuevas herramientas de IA, tenemos herramientas que originalmente no son IA, como Figma y Miro. Estas herramientas han comenzado a agregar capacidades de inteligencia artificial y ahora podemos usarlas para trabajar mejor.
En este artículo, quiero mostrarte cómo puedes usar FigJam AI, como un creador eficiente de diagramas de flujo de IA, para crear diagramas de flujo.
¿Cómo lo dicen los diseñadores? “Deja de mover rectángulos e invierte en creatividad”.
Esto es exactamente lo que quiero mostrarte.
¿Qué es FigJam AI?
FigJam AI es una herramienta de inteligencia artificial que Figma agregó a FigJam. Le ayuda a agrupar información, generar talleres de pensamiento de diseño, organizar información, resumir información y más.
Consulte mi artículo sobre FigJam AI para obtener una visión más detallada de esta función de IA.
Antes los diseñadores mueven rectángulos, ahora deben escribir detalladamente lo que quieren
Cuando les muestro a mis alumnos cómo usar la IA, uno de los primeros conceptos que explico es que es importante decirle a la IA exactamente lo que quieres. De lo contrario, no obtendrá los resultados que desea.
Esto subraya una diferencia significativa con respecto a los procesos de trabajo tradicionales.
A menudo, no comenzamos con una solución final clara; en cambio, experimentamos, ajustamos diseños, movemos rectángulos y refinamos lentamente nuestra visión durante el proceso. Sin embargo, la IA requiere instrucciones precisas desde el principio.
En los ejemplos que muestro aquí, puedes sentirlo bien. Durante el proceso, hice pequeños cambios en el mensaje para que puedas ver cómo afectaron los resultados y por qué especificar claramente lo que quieres es la clave de este proceso.
Una nota: el modelo de IA también afecta los resultados, pero los ejemplos muestran que la indicación debe ser precisa.
Generar diagrama de flujo a partir de texto
Realicé varias pruebas con Figjam AI y aquí hay tres que creo que serán de gran ayuda para comprender el proceso. Comencé con indicaciones simples y gradualmente pasé a enfoques más sofisticados.
Prueba 1: flujo feliz
Comencé con el simple flujo de comprar una camiseta en una tienda en línea para ver si la IA podía generar un flujo completo a partir de ella.
Aquí está el mensaje:
Actúa como un diseñador de producto y crea un diagrama de flujo para el proceso de compra de una camiseta en una tienda de comercio electrónico:
-Visita la página de inicio.
-Selecciona la categoría de camiseta.
-Filtrar y ordenar.
-Elige una camiseta.
-Elige talla y color.
-Añadir a la cesta.
-Revisar carrito.
-Verificar.
-Rellenar envío y pago.
-El usuario agrega un código de promoción.
-Confirmar pedido.
Cree solo este flujo. No agregues nada más.
Aquí está el resultado:
Resultado prueba 1
Mis notas
FigJam AI creó exactamente lo que le pedí. La IA hizo que el proceso de creación fuera más eficiente al eliminar la necesidad de ajustar manualmente los “rectángulos”, agilizando la creación del diagrama.
Prueba 2: flujo con un error
En la segunda prueba, quería ver si la IA podía agregar una condición al flujo en los casos en que algo no funciona correctamente.
Para hacerlo, agregué un caso en el que el usuario agregó un código de promoción incorrecto al flujo.
El mensaje es el mismo, pero le agregué esta línea: “Tenga en cuenta el caso de error: 'El código promocional no funciona'”.
Aquí está el mensaje:
Actúa como un diseñador de producto y crea un diagrama de flujo para el proceso de compra de una camiseta en una tienda de comercio electrónico:
-Visita la página de inicio.
-Selecciona la categoría de camiseta.
-Filtrar y ordenar.
-Elige una camiseta.
-Elige talla y color.
-Añadir a la cesta.
-Revisar carrito.
-Verificar.
-Rellenar envío y pago.
-El usuario agrega un código de promoción.
-Confirmar pedido.
Tenga en cuenta el caso de error: El código promocional no funciona.
Cree solo este flujo. No agregues nada más.
Aquí está el resultado:
Resultado prueba 2
Mis notas
Figjam AI realizó la tarea exactamente según lo solicitado y agregó el caso de error a la creación del diagrama de flujo.