1
Sube una imagen de diagrama
Empieza con una captura de diagrama de flujo, una imagen exportada o una página PDF clara.
imagen a Mermaid
Convertidor de Imagen a Mermaid
Sube una captura de un diagrama de flujo, una imagen de diagrama o una página PDF y convierte la estructura visible en código Mermaid editable para revisar, ajustar y usar en documentación.
Convierte la estructura visible de un diagrama de flujo en un borrador editable de código Mermaid.
Útil para Markdown, GitHub, Notion, archivos README y documentación técnica.
Revisa el resultado en el lienzo y luego copia o exporta la fuente Mermaid más reciente cuando esté disponible.
PNGJPGJPEGWEBPGIFPDF
2
La IA reconstruye el diagrama
ChatFlowchart detecta pasos, decisiones, etiquetas, flechas y direcciones de conexión visibles.
3
Revisa el código Mermaid
Abre el lienzo generado, revisa la estructura y usa la fuente Mermaid más reciente cuando esté disponible.
Editable result
What you can edit after conversion
ChatFlowchart rebuilds the visible diagram as editable diagram objects, so the output can be reviewed and refined instead of staying locked inside a flat image.
Etiquetas
Revisa y edita los textos visibles después de reconstruir el diagrama de flujo.
Formas
Mueve, redimensiona, añade o elimina cajas de proceso, nodos de decisión y otros elementos del diagrama.
Conectores
Reconecta flechas, ajusta la dirección del flujo y corrige ramas ambiguas cuando sea necesario.
Diseño
Limpia el espaciado, la alineación, la agrupación y el orden de lectura en el lienzo editable.
Estilo
Aplica un estilo de boceto o un estilo moderno antes de exportar el diagrama final.
Antes y después
Mira qué archivos se pueden reconstruir como diagramas editables
Captura de diagrama de flujo
Convierte una captura de diagrama de flujo en un borrador editable de código Mermaid.
Prueba con tu archivo
Diagrama de documentación
Reconstruye una imagen de diagrama como código Mermaid para Markdown, GitHub o documentación técnica.
Prueba con tu archivo
Diagrama en página PDF
Convierte una página PDF clara con un diagrama en un diagrama Mermaid editable.
Prueba con tu archivoCasos de uso
Pensado para recuperar diagramas y flujos de trabajo reales
Cada página de conversión se centra en un objetivo de salida concreto, para que empieces con el formato o flujo de trabajo que necesitas.
Documentación en GitHub
Convierte capturas de diagramas en fuente Mermaid para archivos README y documentación de ingeniería.
Documentación Markdown
Recrea diagramas de flujo como diagramas basados en texto para sitios de documentación, wikis y bases de conocimiento.
Notas en Notion
Recupera la estructura del diagrama desde capturas antes de documentar el proceso en notas de equipo.
Notas de arquitectura
Convierte diagramas simples de arquitectura en borradores editables de código Mermaid para planificación técnica.
Diagramas de proceso
Convierte capturas de workflows en diagramas de flujo Mermaid más fáciles de editar y mantener.
Detalles
Qué debes saber antes de convertir
Convertir imágenes y capturas a código Mermaid
La conversión de imagen a Mermaid es útil cuando un diagrama de flujo o proceso solo existe como captura, exportación o página PDF, pero necesitas código Mermaid editable para documentación.
ChatFlowchart reconstruye la estructura visible del diagrama como un borrador editable para que puedas revisar el flujo, ajustar las etiquetas y usar la fuente Mermaid cuando esté disponible.
Crear diagramas basados en código para documentación
Un flujo de captura a Mermaid ayuda a desarrolladores, equipos de producto y redactores técnicos a convertir diagramas estáticos en diagramas basados en código para Markdown, GitHub, Notion, archivos README y documentación.
Para mejores resultados, empieza con diagramas de flujo de alto contraste, árboles de decisión y diagramas de proceso con etiquetas legibles. Las capturas densas, el texto pequeño o los diseños complejos que no son flowcharts pueden requerir limpieza manual.
Entradas compatibles
PNGJPGJPEGWEBPGIFExtracción de texto PDF
Salidas compatibles
Lienzo editable de ChatFlowchartPNGSVGPDFArchivo Draw.ioMermaidEnlace para compartir
La disponibilidad de exportación depende de las opciones actuales del lienzo de ChatFlowchart.
Results and quality
Supported outputs and best results
Se admiten imágenes, capturas de pantalla, fotos de pizarras y archivos PDF. Los PDFs con texto se pueden extraer directamente; los PDFs escaneados funcionan mejor cuando el diagrama, las etiquetas y las flechas se ven con claridad.
Output
Free
Pro
Notes
Lienzo editable
Sí
Sí
Espacio principal para revisar y refinar el diagrama reconstruido.
PNG
Con marca de agua
Sin marca de agua / alta resolución
Ideal para compartir rápido, presentaciones y documentación visual.
SVG
Limitado
Sí
Ideal para documentación escalable, sitios web y entrega a diseño.
PDF
Limitado
Sí
Útil para compartir el diagrama limpio como documento.
Archivo Draw.io
Limitado
Sí
Disponible para flujos de trabajo compatibles con diagramas editables de Draw.io.
Mermaid
Copiar cuando esté disponible
Exportación avanzada
Útil para Markdown, GitHub, Notion y documentación técnica.
Best results checklist
- Usa imágenes claras o páginas PDF con etiquetas legibles.
- Recorta la carga a un solo diagrama o proceso cuando la fuente tenga varios gráficos no relacionados.
- Mantén visibles las puntas de flecha, las líneas conectoras y las etiquetas de decisión.
- Usa capturas de pantalla con alto contraste o fotos de pizarra tomadas de frente.
- Revisa etiquetas, flechas y direcciones de rama antes de exportar el diagrama final.
- Usa capturas claras de diagramas de flujo con etiquetas legibles cuando necesites código Mermaid para documentación.
Limitations and cleanup
- Los diagramas densos pueden requerir limpieza manual después del primer borrador generado por IA.
- El texto borroso, recortado o con poco contraste puede reducir la precisión de las etiquetas.
- Los PDFs escaneados o basados en imagen funcionan mejor cuando la página objetivo es clara.
- El resultado es un diagrama editable reconstruido, no una recuperación de metadatos ocultos del archivo original.
- Conviene revisar la dirección de conectores, las etiquetas de ramas y los diseños complejos antes de compartir.
- El código Mermaid generado puede requerir limpieza de sintaxis, etiquetas o diseño en diagramas densos, borrosos o que no sean flowcharts.
After conversion
Abrir lienzo editable
Sigue refinando el diagrama reconstruido con ediciones manuales o chat con IA.
Exportar archivos finales
Exporta el diagrama terminado como PNG, SVG, PDF, Draw.io, Mermaid o enlace compartible cuando esté disponible.
Corregir con chat de IA
Pide a ChatFlowchart que renombre etiquetas, ajuste pasos, limpie el diseño o corrija flechas.
Informar calidad de conversión
Marca si el resultado se ve bien o necesita limpieza para diagnosticar mejor las entradas problemáticas.
Conversion feedback
After reviewing the rebuilt diagram, mark what worked or what needs cleanup so future conversions can improve.
FAQ
Preguntas antes de subir el archivo
¿Puedo convertir una imagen directamente en código Mermaid?
Sí. Sube una captura clara de un diagrama de flujo o una imagen de diagrama, y ChatFlowchart puede generar un borrador editable de código Mermaid a partir de la estructura visible.
¿Puedo copiar el código Mermaid?
Usa el resultado Mermaid después de la generación. La opción de copiar depende de si el lienzo actual expone la fuente Mermaid más reciente.
¿Puedo descargar un archivo .mmd?
Sí. Usa la opción de exportación Mermaid desde el lienzo generado cuando la fuente Mermaid más reciente esté disponible.
¿Qué diagramas funcionan mejor?
Funcionan mejor los diagramas de flujo claros, árboles de decisión, capturas de workflows y diagramas de proceso simples. Las capturas densas pueden requerir limpieza.
¿Puedo usar un PDF?
Sí. Usa una página PDF clara o una captura. Los PDF basados en texto o en imagen pueden requerir revisión antes de que el resultado Mermaid esté listo para publicar.
¿El código Mermaid será definitivo?
Revisa y ajusta el código Mermaid generado antes de publicarlo, especialmente la dirección de las conexiones, las etiquetas de decisión y el texto de las ramas.
Convertidores relacionados
Elige el convertidor que encaja con tu flujo de trabajo
Convertidor de imagen a diagrama de flujo
Sube una captura de pantalla, una foto de pizarra o una imagen antigua de un diagrama de flujo y reconstruye un flujograma editable que puedas limpiar, ajustar y exportar.
Abrir convertidorConvertidor de imagen a Draw.io
Sube un PNG, JPG, captura de pantalla, foto de pizarra o imagen de diagrama exportada y reconstruye un diagrama editable compatible con Draw.io.
Abrir convertidorConvertidor de Imagen a Excalidraw
Sube un boceto, una foto de pizarra, una captura de pantalla o una imagen de diagrama de flujo y deja que la IA reconstruya la estructura visible como un diagrama editable estilo Excalidraw.
Abrir convertidorConvertidor de captura de pantalla a diagrama de flujo
Sube una captura de un workflow, flujo de app, proceso de diapositiva, SOP o diagrama de documento y reconstruyela como un diagrama de flujo editable.
Abrir convertidorConvertidor de Pizarra a Diagrama de Flujo
Sube una foto de pizarra de una reunión, workshop, sesión de brainstorming o mapeo de procesos y conviértela en un borrador de diagrama de flujo editable.
Abrir convertidorConvertidor de diagrama de flujo dibujado a mano a digital
Sube un diagrama de flujo dibujado a mano, un boceto en papel, un diagrama de cuaderno, un escaneo o un dibujo de tablet y conviértelo en un diagrama digital editable.
Abrir convertidorConvertidor de PDF a Diagrama de Flujo
Sube un documento de proceso en PDF, una SOP, una página de flujo de trabajo o un diagrama PDF y conviértelo en un lienzo de diagrama de flujo editable.
Abrir convertidorConvertir PDF a Draw.io
Sube un diagrama en PDF y reconstruye los cuadros, etiquetas, conectores y el diseño visible como un diagrama editable compatible con Draw.io.
Abrir convertidorConvertidor de imagen a diagrama editable
Sube una imagen de diagrama, página PDF, captura de pantalla, foto de pizarra o diagrama de flujo antiguo y reconstruye textos, formas, flechas y diseño como objetos editables.
Abrir convertidorConvierte una imagen de diagrama en código Mermaid
Sube una captura, imagen de diagrama o página PDF y reconstruye la estructura visible como un borrador Mermaid editable para documentación.