Cómo usar Copilot Chat para transformar una imagen en un diagrama Mermaid en un prompt y gratis

¿Tienes una imagen con un flujo o proceso y te gustaría convertirlo en un diagrama técnico editable?
Con Copilot Chat y la nueva capacidad para extraer textos de imágenes, puedes hacerlo en segundos con un prompt.

Y es que lo que hoy te explico en realidad te va a servir para un montón de funcionalidades. Usas Copilot Chat, para analizar una imagen, extraer el contenido y generar… lo que quieras.

Por ejemplo, directamente un diagrama de estado en Mermaid. Sí, así de potente es esto 🚀


💡 ¿Qué es Mermaid?

Mermaid.js es una sintaxis para representar diagramas que puedes incrustar en Markdown, Notion, GitHub o incluso con herramientas como Live Editor para Mermaid.
Lo mejor: es texto, editable, y visualizable al instante 🎯 Tienes otros ejemplos en el blog.


🔍 Paso 1: Usa una imagen con contenido estructurado

Por ejemplo, partimos de esta imagen con un diagrama de proceso.

Imagen con flujo

Esta imagen contiene texto y relaciones entre pasos. La idea es que Copilot entienda esto como si fuera una especie de mapa mental o flujo.


🧠 Paso 2: Lanza este prompt en Copilot Chat

Pega este prompt en Copilot Chat, adjunta la imagen y deja que haga su magia:

crea un diagrama de estado en mermaid para este flujo
Segundo ejemplo de flujo

💡 Consejo: Arrastra la imagen directamente a Copilot Chat, búscala en tu dispositivo o pégala.


📊 Paso 3: Obtén el diagrama generado

Copilot analiza la imagen y genera el código Mermaid correspondiente. Este código representa los mismos estados y relaciones que la imagen original, pero en formato de texto estructurado:

Diagrama generado

🎯 Paso 4: Visualiza el resultado final

Para ver el resultado, tienes que abrir la respuesta en Pages:

Y se visualizará así, y podrás editarla como quieras.

Resultado final renderizado


✨ Otro ejemplo

Aquí tienes otro ejemplo ideal para procesar con este método: Transformar imágenes en Smart Art


🛠️ ¿Dónde puedes usar esto?

  • Para documentar procesos
  • Para crear diagramas rápidos a partir de flujos en pizarras
  • Para transformar imágenes de presentaciones en contenido editable
  • Para transformar imágenes en tablas.
  • ¡Y mucho más!

¿Te animas a probarlo? Solo necesitas Copilot Chat y una imagen que quieras convertir.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio