# Crear diagramas de flujo online con conectores inteligentes en FlowBoard > Diagramas de flujo en el navegador: 20 tipos de elemento, flechas que se enganchan a 8 anclajes y rutas rectas, ortogonales o curvas que esquivan las cajas. - **Fuente (source):** https://aistohire.com/es/flowboard-pizarra-infinita-diagramas-131/f/crear-diagramas-de-flujo-online - **Plataforma (platform):** AIstoHire - **Idioma (language):** es ## En resumen - 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. ## Crea diagramas de flujo online con 20 formas y conectores inteligentes 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. Abre un tablero nuevo y elige la plantilla «Diagrama de flujo», que ya trae inicio, proceso, decisión y fin conectados, o empieza en blanco. Para añadir cajas, selecciona la forma en la barra de herramientas y arrástrala sobre el lienzo; escribes dentro con doble clic. Para unirlas, activa la herramienta conector (tecla C), sal de una caja y suelta en la siguiente: el extremo se engancha solo al anclaje más cercano. Si prefieres partir del texto, describe el proceso en una frase y la IA de FlowBoard dibuja el primer borrador en el tablero. ¿Cómo hago un diagrama de flujo online en FlowBoard? Las 12 formas de proceso son rectángulo, rectángulo redondeado, elipse, rombo (decisión), triángulo, hexágono, paralelogramo (entrada/salida), estrella, documento, cilindro (almacenamiento de datos), proceso predefinido y terminador (inicio/fin). A esas se suman nota adhesiva, texto con formato, icono (catálogo de 120), imagen, marco, tabla, tarjeta y grupo: 20 tipos de elemento en total. Cualquiera de las formas geométricas o de flujo se puede convertir en otra sin perder su texto, su estilo ni sus conectores. ¿Qué formas de diagrama de flujo incluye? Sí. Cada extremo de un conector se guarda como «elemento + anclaje», no como una coordenada: cuando mueves, redimensionas o giras la caja, el trazado se recalcula y la flecha sigue saliendo del mismo punto. Cada elemento ofrece 8 anclajes (los cuatro lados y las cuatro esquinas) y el imán se activa a 26 px de distancia en ratón y 40 px en pantalla táctil. En Ajustes puedes activar además la conexión libre en el borde, que permite anclar el extremo en cualquier punto del perímetro de la forma. ¿Las flechas se quedan pegadas a las cajas cuando las muevo? Sí, activando la opción «Evitar elementos» del conector. Con el trazado ortogonal, FlowBoard recalcula la ruta con una búsqueda A* sobre una rejilla de 12 px y la línea rodea los elementos que encuentra en medio en lugar de atravesarlos. Funciona cuando el conector no tiene waypoints propios: si has doblado la línea a mano, manda tu recorrido. Los trazados recto y curvo van siempre del punto A al punto B, y ahí el control fino lo das tú arrastrando la línea para crear waypoints (hasta 20 por conector). ¿Se puede evitar que las flechas pasen por encima de otras cajas? En las dos direcciones. FlowBoard importa código Mermaid (pegado o desde fichero), ficheros .drawio de draw.io, .vsdx de Visio y copias en JSON, y exporta a PNG, SVG, PDF, JSON y Mermaid. También puedes mostrar el diagrama a pantalla completa en modo presentación sin salir de la app. Cada tablero admite hasta 1.500 elementos y 1.500 conectores, se autoguarda mientras trabajas y conserva hasta 30 versiones por si necesitas volver atrás. ¿Puedo exportar el diagrama de flujo o traerlo de otro programa? 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. - [FlowBoard — Pizarra infinita para diagramas e ideas](https://aistohire.com/es/flowboard-pizarra-infinita-diagramas-131) ## Sobre la plataforma **FlowBoard — Pizarra infinita para diagramas e ideas** — aplicación de AIstoHire. Disponible en: https://aistohire.com/es/flowboard-pizarra-infinita-diagramas-131/f/crear-diagramas-de-flujo-online ### Otros idiomas - `en`: https://aistohire.com/flowboard-infinite-whiteboard-diagrams-131/f/create-flow-diagrams-online - `fr`: https://aistohire.com/fr/flowboard-tableau-blanc-infini-diagrammes-131/f/creer-des-diagrammes-de-flux-en-ligne - `it`: https://aistohire.com/it/flowboard-lavagna-infinita-diagrammi-131/f/creare-diagrammi-di-flusso-online - `pt`: https://aistohire.com/pt/flowboard-quadro-branco-infinito-diagramas-131/f/criar-diagramas-de-fluxo-online - `de`: https://aistohire.com/de/flowboard-unendliche-tafel-diagramme-131/f/flussdiagramme-online-erstellen