Crear diagrama de flujo

Sobre el creador de diagramas de flujo

Un diagrama de flujo es una imagen de un proceso. Cada paso va en una caja, y las flechas muestran el orden. Cuando hay una elección, una pregunta en un rombo divide el camino en sí y no. Ves todo el proceso de una vez, así que un diagrama de flujo es fácil de explicar y fácil de revisar.

Casi todas las herramientas te obligan a arrastrar cada caja y cada flecha a mano. Eso lleva mucho tiempo, y las líneas se cruzan a menudo. Aquí solo escribes los pasos, uno por línea, como una lista en papel. La herramienta coloca las cajas, dibuja las flechas y mantiene las líneas separadas. Cambia una línea y el diagrama se actualiza al instante.

Características

• Entra texto, sale un diagrama — un paso por línea; las cajas, las flechas y los espacios los hace la herramienta
• Preguntas con sí y no — termina una línea con ? y escribe las salidas debajo
• Bucles y saltos — -> Nombre del paso vuelve atrás (o va adelante) a un paso, y se dibuja como una línea al costado
• Las formas estándar — inicio y fin redondeados, caja, rombo y una caja inclinada para entrada y salida
• Mensajes claros — cada problema indica su línea, y un clic te lleva a ella
• 8 estilos — Clásico, Minimalista, Intenso, Pastel, Oscuro, Plano técnico, Dibujado a mano y Pizarra
• De arriba abajo o de izquierda a derecha — y una leyenda de las formas para las fichas de clase
• PNG y SVG — una imagen nítida para diapositivas, o un SVG para editar e imprimir; tu texto se guarda en este navegador

Cómo escribir un diagrama de flujo como texto

Escribe un paso en cada línea. Las palabras deciden la forma:

Pon los pasos de una rama en las líneas bajo su sí: o no:, sangrados con dos espacios. Cuando la rama termina, vuelve a la izquierda: la línea siguiente va después de la pregunta, y los dos caminos se juntan ahí otra vez. Una rama corta cabe en una línea: sí: Llevar un paraguas.

No tienes que escribir los dos caminos. Si una pregunta solo tiene sí:, el camino «no» sigue recto hasta el paso siguiente. Una rama también puede tener otro nombre corto, como Rojo:, Amarillo: y Verde:, así que una pregunta puede tener tres o más salidas.

Un salto usa las palabras exactas de un paso. Las mayúsculas y un ? al final no importan. Para volver atrás después de un paso, escribe -> Nombre del paso en la línea siguiente, o al final de la misma línea: Ahorrar primero -> ¿Tengo el dinero?.

Los paréntesis son otra forma de elegir una forma: (texto) es un final redondeado, [texto] es una caja, /texto/ es una caja de entrada o salida y <texto> es un rombo. Usa [ ] para un paso que termina en ? pero no es una pregunta, como [Preguntar "¿Por qué?"].

Tres ejemplos para empezar

Pulsa un ejemplo bajo el cuadro de texto para cargarlo y luego cámbialo. El primer ejemplo, Rutina de la mañana, muestra las ideas principales:

¿Lo compro? añade un bucle y un final anticipado. Bajo ¿Tengo el dinero?, el camino «no» dice Ahorrar primero y luego -> ¿Tengo el dinero?, así que el diagrama vuelve atrás y pregunta otra vez. La línea no: Fin: No lo compro termina el proceso dentro de una rama.

Inicio de sesión usa cajas de entrada y salida, y una pregunta dentro de una rama. Tras una contraseña incorrecta, ¿3 intentos fallidos? bloquea la cuenta o vuelve atrás con no: -> Entrada: Correo y contraseña.

Símbolos del diagrama de flujo y su significado

Marca Mostrar una leyenda de las formas en las opciones avanzadas para imprimir esta leyenda bajo tu diagrama. Solo incluye las formas que usa tu diagrama.

Ocho estilos

• Clásico — colores suaves, un color distinto para cada tipo de forma
• Minimalista — líneas negras sobre blanco, ahorra tinta al imprimir
• Intenso — formas rellenas y marcadas con texto blanco, para diapositivas
• Pastel — colores suaves y esquinas redondeadas
• Oscuro — formas brillantes sobre fondo oscuro, para pantallas
• Plano técnico — líneas blancas sobre una cuadrícula azul, como un dibujo técnico
• Dibujado a mano — un boceto en una hoja de cuaderno con renglones
• Pizarra — líneas de tiza sobre una pizarra verde, para el aula

El estilo solo cambia el aspecto. Los pasos, la disposición y las descargas siguen igual. Un color por forma se puede cambiar a El mismo color para todo bajo la lista de estilos.

Quién usa diagramas de flujo

• Estudiantes — planear un algoritmo para informática, los pasos de un experimento de ciencias o un método de matemáticas
• Profesores — mostrar las normas de la clase o «qué hacer si te atascas» en la pizarra, en pantalla completa
• Equipos — explicar paso a paso cómo se atiende una solicitud, un pedido o un ticket de soporte
• Programadores — esbozar la lógica de una función antes de escribir el código
• En casa — tomar una decisión o dibujar una rutina para que los niños la sigan

Preguntas frecuentes

¿Qué es un diagrama de flujo?

Un diagrama de flujo es un esquema de los pasos de un proceso. Las cajas contienen los pasos, las flechas muestran el orden y los rombos contienen preguntas donde el camino se divide. Se usa en colegios, oficinas y programación para explicar cómo funciona algo.

¿Cómo añado una decisión sí / no?

Termina la línea con un signo de interrogación, como ¿Está lloviendo?. En las líneas siguientes escribe sí: y no:, cada uno con sus pasos, sangrados con dos espacios. Si escribes solo uno, el otro camino sigue recto hasta el paso siguiente.

¿Cómo hago un bucle?

Escribe -> y las palabras exactas de un paso anterior, como -> ¿Tengo el dinero?. La flecha vuelve a ese paso. Se dibuja como una línea al costado del diagrama, así que no cruza las otras líneas.

¿Qué significan los mensajes rojos y amarillos?

Las líneas rojas son problemas que la herramienta no puede dibujar, como un salto a un paso que no existe. Las líneas amarillas son consejos, como una pregunta con una sola salida. Cada mensaje empieza con su número de línea. Haz clic y la línea queda seleccionada en el cuadro de texto. Los números de línea a la izquierda del cuadro también se marcan.

¿Puedo editar el diagrama de flujo en otro programa?

Sí. Descarga el SVG. Se abre en Inkscape, Illustrator y Figma, y puedes insertarlo en PowerPoint o Word. El texto sigue siendo texto real. El PNG es una imagen al doble de tamaño, nítida para diapositivas y documentos.

¿Mi diagrama de flujo se guarda o se sube?

Tu texto y tus ajustes se guardan en este navegador, así que el diagrama sigue ahí cuando vuelves. No se sube nada. El diagrama se dibuja en tu dispositivo.

¿Puedo escribir en otros idiomas?

Sí. Puedes escribir los pasos en cualquier idioma. El texto en chino, japonés y coreano se corta entre caracteres, y el texto en árabe y hebreo se dibuja de derecha a izquierda. En esta página las palabras especiales funcionan en español y en inglés (Inicio, Fin, sí, no, Entrada, Salida y Start, End, yes, no, Input, Output); los paréntesis como (texto) y /texto/ funcionan en todos los idiomas.

¿El creador de diagramas de flujo es gratis?

Sí. No hace falta registrarse, no hay marca de agua y no hay límite de diagramas.

Conviene saber

• La disposición es automática. No puedes arrastrar una caja a mano; cambia el orden de las líneas
• El texto largo se parte en más líneas, hasta 8 líneas en una forma
• Un diagrama puede tener hasta 400 líneas
• Las ramas escritas con sí: y no: nunca se cruzan. Los saltos tienen sus propias líneas al costado; solo dos saltos que se solapan (A de vuelta a C y B de vuelta a D) pueden tener que cruzarse
• Si dos pasos tienen las mismas palabras, un salto va al primero
• El PNG de un diagrama muy grande tiene un lado largo de 8000 píxeles; el SVG no tiene límite

Herramientas relacionadas

• Creador de mapas mentales — pon tus ideas alrededor de un tema principal
• Crear organigrama — muestra quién responde ante quién en un equipo
• Crear línea de tiempo — muestra los eventos en el orden de sus fechas
• Crear diagrama de Gantt — planifica tareas a lo largo de días y semanas
• Crear diagrama de Venn — compara dos o tres grupos
• Generador de diagramas de Sankey — muestra cómo fluyen las cantidades de un lugar a otro

Cómo se usa

• Escribe tus pasos en el cuadro, uno por línea — o pulsa un ejemplo para empezar
• Termina una pregunta con ? y escribe sí: y no: debajo, con sus pasos sangrados
• Escribe -> y el nombre de un paso para volver a él
• Si aparece una línea roja bajo el cuadro, haz clic en su número de línea y corrige esa línea
• Elige un estilo, una dirección y un tamaño de texto
• Haz clic en Descargar PNG o Descargar SVG — o en Pantalla completa para mostrar el diagrama en una pantalla grande