Crea diagramas de flujo online con 20 formas y conectores inteligentes
Rectángulos, rombos, terminadores, cilindros y documentos unidos con flechas que se enganchan solas a 8 anclajes, se doblan por donde tú quieras y esquivan lo que haya en medio.
Un diagrama de flujo se entiende en diez segundos. El mismo proceso contado por escrito, en tres párrafos y con dudas.
FlowBoard es el editor de pizarra y diagramas de AIsToHire, y los diagramas de flujo son lo que mejor hace. Cada tablero admite 20 tipos de elemento: 12 formas pensadas para procesos —rectángulo, rectángulo redondeado, elipse, rombo de decisión, triángulo, hexágono, paralelogramo, estrella, documento, cilindro de almacenamiento, proceso predefinido y terminador— más notas adhesivas, texto con formato, iconos, imágenes, marcos, tablas, tarjetas y grupos. Eliges la forma en la barra, la arrastras sobre el lienzo y queda alineada a una rejilla de 24 px con guías de alineación; si luego te arrepientes, el cambio de forma convierte un rectángulo en rombo conservando el texto, el estilo y las flechas que ya tenía.
Las flechas se dibujan con la herramienta conector (tecla C): sales de una caja y sueltas en otra. Al acercarte a menos de 26 px de un elemento (40 en pantalla táctil) se iluminan sus 8 anclajes —norte, sur, este, oeste y las cuatro esquinas— y el extremo se engancha al más cercano, así que cuando luego mueves la caja la flecha le sigue sin despegarse. Si prefieres no depender de los 8 puntos, en Ajustes puedes activar la conexión libre en el borde, que deja pegar el extremo en cualquier punto del perímetro. Un extremo también puede quedarse suelto en un punto del lienzo, o nacer sobre otro conector para ramificar un camino sin tocar las cajas.
Cada conector admite tres trazados: recto, ortogonal (en ángulo recto) y curvo. Arrastra cualquier punto de la línea y se crea un waypoint que la dobla justo ahí —hasta 20 por conector—, y arrastrarlo fuera lo elimina. Si activas «Evitar elementos», el trazado ortogonal se recalcula con una búsqueda A* sobre una rejilla de 12 px y la línea rodea las cajas que haya en medio en lugar de atravesarlas; en cuanto añades waypoints manuales, manda tu recorrido. Lo demás también se ajusta: doble clic sobre la línea para escribir la etiqueta («Sí», «No», la condición) con negrita y cursiva, cinco remates por extremo (ninguno, triángulo, triángulo abierto, rombo y círculo), línea continua, discontinua o de puntos, cuatro grosores, color y una nota con enlaces y ficheros adjuntos.
El diagrama no se queda en el navegador. Cada tablero soporta hasta 1.500 elementos y 1.500 conectores, se guarda solo mientras trabajas, reintenta si se cae la conexión y conserva hasta 30 versiones a las que volver. Puedes empezar con la plantilla «Diagrama de flujo» —inicio, proceso, decisión y fin ya conectados—, describir el proceso en una frase y dejar que la IA lo dibuje, o importar lo que ya tengas en Mermaid, draw.io (.drawio) o Visio (.vsdx); «Reorganizar automáticamente» recoloca las cajas por capas cuando el flujo se ha desordenado. Y cuando esté listo, sale en PNG, SVG, PDF, JSON o Mermaid, o se proyecta a pantalla completa en modo presentación.
Ventajas de Diagramas de flujo
20 tipos de elemento en la misma hoja
las 12 formas clásicas del diagrama de flujo (rombo de decisión, terminador, documento, cilindro, proceso predefinido…) y además notas, iconos, imágenes, tablas, tarjetas y marcos para agrupar.
Imán a 8 anclajes
al acercar el extremo de la flecha se iluminan los ocho puntos de la caja y se engancha al más cercano; muevas la caja donde la muevas, la flecha va con ella.
Tres trazados para la misma flecha
recta para lo directo, ortogonal para el diagrama limpio en ángulo recto y curva para los esquemas sueltos, cambiables en un clic sin rehacer la conexión.
Waypoints a mano
arrastra la línea por donde quieras que pase y se dobla ahí, hasta 20 puntos por conector; arrastra el punto fuera y desaparece.
Esquiva lo que haya en medio
con «Evitar elementos» el trazado ortogonal se recalcula con una búsqueda A* sobre rejilla de 12 px y rodea las cajas en lugar de cruzarlas.
Etiquetas en la propia flecha
doble clic y escribes «Sí», «No» o la condición, con negrita y cursiva, y la etiqueta viaja con la línea cuando la mueves.
Cambia de forma sin rehacer nada
un rectángulo pasa a rombo conservando su texto, su estilo y todos sus conectores, y la rejilla de 24 px con guías de alineación mantiene el diagrama recto.
Arranca con el flujo ya montado
plantilla «Diagrama de flujo» con inicio, proceso, decisión y fin conectados, generación con IA desde una frase e importación de Mermaid, draw.io y Visio.
Tu proceso, en cajas y flechas, en cinco minutos
FlowBoard es el editor de diagramas de flujo de AIsToHire: crea tu cuenta gratis, abre la plantilla «Diagrama de flujo» y conecta tus primeras cajas sin instalar nada.