Editor de diagramas de flujo
Editor de diagramas de flujo. Dibuja procesos y decisiones; exporta Mermaid, SVG o PNG. Tus archivos se quedan en este dispositivo. El navegador los procesa.
Activa JavaScript para usar las herramientas. Los archivos se procesan en tu navegador.
Convierte un proceso en pasos comprensibles
Empieza con el ejemplo o añade un nodo vacío. Escribe acciones breves, como Revisar solicitud o Enviar respuesta. Usa la forma redondeada para el principio o el final, el rectángulo para una acción, el rombo para una decisión y el paralelogramo para entradas o salidas. Puedes elegir la forma al añadir un nodo o cambiarla después. El panel de propiedades permite modificar el texto y las coordenadas; pulsa Aplicar cambios al terminar. Arrastrar ayuda a organizar el conjunto, mientras que las coordenadas numéricas permiten alinear pasos con precisión. Al eliminar un nodo también se eliminan sus conexiones para evitar referencias incompletas.
Conecta las decisiones e importa un borrador Mermaid
Elige origen y destino en el formulario de conexión. Añade una etiqueta cuando ayude a comprender una bifurcación: Sí y No suelen ser útiles alrededor de una decisión. Selecciona una conexión en el lienzo o en la lista para modificarla o eliminarla. También puedes pegar un borrador que empiece por flowchart TB, LR, BT o RL. Se admiten las cuatro formas básicas, cadenas de flechas y flechas etiquetadas. Los subgrafos, estilos, acciones de clic y directivas de configuración producen un error visible; no se descartan en silencio. Todo el texto se valida antes de sustituir el lienzo. Si una edición válida cambia algo que querías conservar, utiliza Deshacer.
Conserva una copia editable además de la imagen
El editor funciona en el navegador. El contenido del diagrama no se envía a un servidor de conversión y no necesitas una cuenta. Los cambios se guardan en localStorage para este navegador y esta herramienta. Es cómodo para continuar un borrador, pero no sustituye una copia de seguridad: el modo privado, el borrado de datos del sitio o un cambio de dispositivo pueden impedir recuperarlo. Descarga el archivo Mermaid al terminar una etapa de trabajo. Incluye la estructura y un comentario con las posiciones actuales. SVG sirve para documentos e impresión; PNG resulta práctico para presentaciones y mensajes. Ambos contienen solo el diagrama, sin los controles del editor. Abre el archivo antes de compartirlo y comprueba la legibilidad. Si el PNG es demasiado grande, acerca los nodos o elige SVG. El paquete ZIP reúne PNG, SVG, Mermaid y el modelo JSON de la misma versión en una descarga. Para volver a importarlo en este editor, usa el contenido Mermaid.
Preguntas frecuentes
¿Puedo seguir editando después de exportar?
Sí. El modelo sigue en el navegador y el texto Mermaid descargado se puede importar de nuevo. Conserva ese archivo como original editable; PNG y SVG se destinan a presentar o compartir la imagen.
¿Cómo se usa en móvil o con teclado?
En pantallas estrechas, las propiedades aparecen debajo del lienzo. Selecciona un nodo en la lista y ajusta sus coordenadas. Las flechas mueven un nodo enfocado; con Shift, el movimiento es de un píxel.
Herramientas relacionadas
- Editor de diagramas ER
Modela tablas, claves y relaciones. Exporta imágenes y Mermaid.
- Editor de diagramas de secuencia
Edita participantes y mensajes y exporta la secuencia.
- Editor de mapas mentales
Organiza ideas en un árbol y descarga PNG, SVG o Mermaid.