Diagramas de flujo: una guía de principio a fin

Escrito por:  Shanna S
Última actualización:  

Los diagramas de flujo son un método flexible y universal de diagrama que proporciona un espacio para documentar de forma fácil de entender los pasos en un orden secuencial, incluso para los procesos de negocio más complejos. Aprovecha este artículo para obtener recomendaciones sobre cómo utilizar otras funciones junto con la personalización de tus diagramas de flujo para mejorar la calidad y el profesionalismo de tus diagramas.

En este artículo

Cada diagrama de flujo es único. Es por eso por lo que hemos creado esta guía para orientarte sobre cómo usar la variedad de opciones y características disponibles para ti durante el proceso de negocio de creación de un diagrama de flujo. Analizaremos lo siguiente:

Para seguir las instrucciones paso a paso sobre cómo crear un diagrama de flujo, explora nuestro artículo Crear un diagrama de flujo en Lucidchart.

Métodos para crear un diagrama de flujo

Dependiendo de tu método preferido para crear un diagrama de flujo, tenemos una variedad de métodos disponibles. Puedes empezar con un diagrama en blanco y la biblioteca de figuras de diagrama de flujo, crear un diagrama a partir de una plantilla o acceder al diagrama como menú de código para crear automáticamente tu diagrama de flujo usando Mermaid.

Aquí tienes nuestros consejos sobre cuándo usar cada una de estas opciones para construir tu diagrama de flujo:

  • Crea un diagrama en blanco y diseña a partir de la biblioteca de figuras del diagrama de flujo cuando: deseas tener control manual sobre cada paso de la creación del diagrama de flujo.
  • Empieza con una plantilla cuando: tienes un flujo de trabajo estándar que deseas documentar y quieres empezar con un diseño profesionalmente pulido. Contamos con una amplia variedad de plantillas para ayudarte a iniciar la creación de tu diagrama de flujo.
  • Crea automáticamente con código Mermaid cuando: deseas agilizar el proceso de negocio de creación de diagramas haciendo que sea más rápido y fácil crear tu diagrama de flujo con código Mermaid.
  • Genera un diagrama de flujo usando IA cuando: estás comenzando con un lienzo en blanco y no tienes una dirección clara de adónde ir con tu diagrama de flujo; uno generado por IA puede ser lo que necesitas para iniciar tu diagramación y generar algunas ideas.

Usa la biblioteca de figuras de diagramas de flujo

Para crear manualmente un diagrama de flujo y tener control sobre todo el proceso de negocio de construcción, crea un diagrama de Lucidchart en blanco y accede a la biblioteca de figuras de diagrama de flujo. Para agregar la biblioteca de figuras de diagrama de flujo a la biblioteca de figuras de tu nuevo documento: 

  1. Haz clic en + Más figuras en la parte inferior de la biblioteca de figuras.
  2. En la barra de búsqueda, escribe “Diagrama de flujo”.
  3. Marca el recuadro de la biblioteca de figuras “Diagrama de flujo”.
  4. Haz clic en Usar figuras seleccionadas.

Una vez que la biblioteca de figuras se haya agregado a tu menú de figuras a la izquierda, arrastra y suelta figuras de la biblioteca en el lienzo para comenzar a crear tu diagrama. Ve directamente a la sección Agregar y editar objetos en tu diagrama de flujo para obtener más orientación.

Consejo: Si las figuras personalizadas son útiles en tu proceso de negocio de diagramación de diagramas de flujo, tienes la opción de crear figuras personalizadas en Lucidchart y organizarlas en bibliotecas de figuras personalizadas para un acceso más rápido. Además, puedes aprovechar la API de las figuras personalizadas si deseas desarrollar y personalizar aún más figuras para usar en Lucidchart.

Empieza con plantillas de diagramas de flujo

Para crear un diagrama de flujo utilizando una plantilla y comenzar rápidamente con un diagrama organizado y de aspecto profesional, sigue estos pasos desde la página de documentos de Lucid:

  1. Haz clic + Nuevo y pasa el cursor sobre “Lucidchart”.
  2. Selecciona Crear desde plantilla.
  3. Haz clic en Diagramas de flujo para explorar y encontrar una plantilla.
    • Para ver más opciones de una variedad determinada, selecciona Ver todo a la derecha del título de un tema.
  4. Selecciona la miniatura de la plantilla que desees y haz clic en Usar plantilla.
    • Desde la ventana emergente, puedes previsualizar la plantilla y leer una breve descripción.

Se crea un nuevo documento de Lucidchart, la plantilla elegida aparece en el lienzo y puedes comenzar a personalizarlo según las necesidades de tu proceso de negocio. Si esta es la opción que eliges, puedes pasar a nuestras secciones con orientación sobre cómo editar el diagrama de flujo para que se adapte a tus necesidades y aprovechar cualquier función avanzada para mejorar tu diagrama.

Consejo: A medida que te familiarizas con Lucid y personalizas documentos para tu flujo de trabajo, también puedes crear plantillas personalizadas para un proceso de negocio de creación de diagramas más perfeccionado. Explora el artículo Empezar con una plantilla para obtener instrucciones paso a paso para crear una plantilla personalizada.

Diagrama como código con Mermaid

En lugar de crear manualmente un diagrama o personalizar una plantilla con tus datos, puedes aprovechar el diagrama como funcionalidad de código para crear automáticamente un diagrama.
Selecciona diagram-as-code-icon-in-lucidchart.jpg el ícono Diagrama como código de la barra de herramientas principal en el extremo izquierdo del espacio de trabajo.

Desde este menú, puedes escribir tu código según tu preferencia y generar automáticamente un diagrama de flujo. Para obtener más detalles sobre cómo usar esta funcionalidad, consulta nuestro artículo Diagrama como código con Mermaid en Lucidchart.

Consejo: Si bien recomendamos Mermaid para el proceso de negocio más optimizado, también puedes usar el marcado UML para crear un diagrama. Para obtener instrucciones, consulta nuestro artículo Crear un diagrama de secuencia con marcado UML en Lucidchart.

Genera un diagrama con IA

Si estás en las primeras fases de diagrama y quieres generar ideas, aprovecha la IA para poner en marcha el proceso de negocio.
Selecciona lucidspark-collaborative-ai-icon.png el icono de Lucid IA desde la barra de herramientas primaria, en el extremo izquierdo del espacio de trabajo.

Luego agrega una descripción detallada para el diagrama que quieres generar, que debería consistir en palabras clave enfocadas y la mayor cantidad de contexto posible. Para saber más, explora el artículo Aumentar la productividad con Lucid IA en Lucidchart artículo.

Nota: La IA en Lucid está mejorando constantemente. Como resultado, la información producida puede ser inexacta, sesgada, engañosa, inapropiada, ofensiva u obsoleta. Confirma siempre los resultados generados con IA.

Agrega y edita objetos en tu diagrama de flujo

En su forma más básica, un diagrama de flujo es un diagrama compuesto por formas y líneas para representar un proceso de negocio o flujo de trabajo. Ya sea que decidas crear un diagrama de flujo manualmente o generar uno a partir de código o IA, hay varios consejos para personalizar tu diagrama de flujo en cualquier etapa del proceso de negocio de creación o mantenimiento. Lee los siguientes artículos para aprender cómo hacer lo siguiente:

ejemplo-de-diagrama-de-flujo-de-proceso-de-negocio-con-formas-líneas-y-carriles.jpg

Consejo: Haz clic en este enlace para acceder a la plantilla de diagrama de flujo de procesos de negocio que se muestra arriba. Emplea formas, líneas y carriles, además de algunas funciones avanzadas que exploraremos a continuación.

Aprovecha las funciones avanzadas para mejorar tu diagrama de flujo

Ahora hablemos de cómo puedes elevar el profesionalismo y la utilidad de tu diagrama. Recomendamos familiarizarte con cada oferta y usar cualquiera que sea relevante para tu caso de uso.

Mejora la claridad con una clave de diagrama

Agregar una clave de diagrama es una excelente manera de definir el significado visual detrás de varios elementos de un diagrama de flujo. El ejemplo a continuación muestra una clave de diagrama titulada “Figuras de flujo de proceso de negocio” que representa los cuatro colores de carriles y las figuras asociadas en cada piscina. Usar esta función diferencia el rol del cliente, ventas, gestión y el departamento de crédito, lo que facilita y clarifica el procesamiento de la información representada en el diagrama.

process-flow-shape-colors-diagram-key.jpg

Aprende más: para obtener más información sobre cómo agregar y personalizar claves de diagrama, explora nuestro artículo Agregar una clave de diagrama en Lucidchart.

Agrega capas para mostrar y ocultar caminos del diagrama de flujo

Las capas simplifican la capacidad de alternar diferentes versiones de un diagrama de flujo. Para obtener instrucciones paso a paso sobre cómo agregar capas a un documento de Lucidchart, explora nuestro artículo. Los casos de uso comunes incluyen lo siguiente:

Para mejorar aún más la experiencia de alternancia, considera agregar una acción a una forma para cambiar entre los dos estados del diagrama.

Veamos un ejemplo. Supongamos que estás documentando el proceso de negocio que siguen los gerentes de contratación cuando incorporan a un nuevo miembro a su equipo. A nivel estático del diagrama de flujo, podemos ver el esquema del orden de operaciones para capacitar al nuevo empleado.

toggle-action-to-switch-between-onboarding-current-and-future-state.gif

En nuestro ejemplo, se está agregando un nuevo requisito al proceso de negocio de la incorporación: el nuevo empleado debe obtener al menos un 80 % en sus módulos de capacitación en línea. Con una acción rápida, podemos agregar ese flujo en el proceso de negocio para demostrar claramente que los empleados deben volver a realizar la capacitación si obtienen una puntuación inferior al 80 %.

Consejo: Para obtener un ejemplo detallado de capas y una forma de acción que se emplean juntas para crear un diagrama de flujo poderoso, explora esta publicación de la comunidad. Si disfrutas del valor de las acciones, pero no deseas el aspecto visual en tu diagrama de flujo exportado, visita esta publicación de la comunidad para conocer las diferencias entre acciones y áreas de acción y tomar una decisión informada sobre qué característica se adapta mejor a tu caso de uso.

Mejora la comprensión con formato condicional o conjuntos de íconos

Transforma los datos resaltando visualmente patrones e insights para una comprensión rápida de un vistazo. El formato condicional y los conjuntos de íconos pueden ser muy valiosos según el propósito de uso. Recomendamos usar lo siguiente:

  • Formato condicional para crear una regla que se pueda utilizar para evaluar automáticamente todos los objetos actuales y futuros en tu diagrama de flujo y agregar el formato deseado en forma de estilo de figura, íconos o formas dinámicas. Esta es una opción más avanzada, lo que significa que la configuración es más complicada, pero la funcionalidad también es más robusta.
  • Conjuntos de íconos para aprovechar íconos estáticos para seleccionar objetos en tu diagrama y alertar visualmente a los usuarios cuando algo necesita atención. Son fáciles de agregar y eliminar, incluso para anotaciones temporales que sean necesarias.

A modo de ejemplo, en la captura de pantalla siguiente se aplicaron los siguientes íconos y la regla de formato condicional:

  • Se agregó un ícono de marca de verificación verde en la esquina superior derecha de la forma “Aprobación” para resaltar rápidamente el flujo y obtener aprobación. 
  • Se agregó un ícono de X roja en la esquina superior derecha de la forma “Venta no aprobada” para indicar que el consumidor no pasó una verificación de crédito y la venta no avanzará.
  • Se configuró una regla de formato condicional para cualquier objeto del diagrama de flujo con el tipo de forma “decisión de modo que el texto y el contorno punteado sean rojos para llamar la atención sobre estas formas como elementos de acción para la aprobación de la verificación de crédito y la comprobación del saldo de las cuentas por cobrar.

conditional-formatting-and-icon-sets-example-on-flowchart.jpg

Agrega datos o recursos a los objetos

Existen varias funciones de enlace o archivo adjunto que pueden ser valiosas para usos específicos. Por ejemplo, puedes proporcionar acceso fácil a más documentación o recursos que estén alojados en otro lugar o gráficos para un paso específico de un proceso de negocio.
Tanto si deseas vincular datos específicos de un archivo importado a una forma, enlazar a otro documento de Lucid o a una URL externa, o adjuntar documentación como imagen a un objeto, disponemos de la funcionalidad necesaria para mejorar el alcance de tu diagrama. Las opciones incluyen las siguientes:

  • Vincular datos a un documento de Lucidchart proporciona instrucciones paso a paso sobre cómo adjuntar una hoja de cálculo CSV, Google o Excel o crear un conjunto de datos personalizado en Lucid. Luego, el conjunto de datos se puede usar para asignar datos a objetos o a una página en un documento de Lucid. Esto es útil si hay datos específicos que necesitas adjuntar a figuras de tu diagrama.
  • Agrega un enlace a una figura para dirigir a los usuarios a otra página de tu documento de Lucidchart, un documento de Lucidchart separado o una URL específica. Esto puede ser útil para enviar a los usuarios a una documentación más detallada y robusta o para hacer avanzar un proceso de negocio fuera de Lucid.
  • Adjunta imágenes a objetos para importar directamente un archivo y adjuntarlo a una figura. Esto puede proporcionar documentación e instrucciones a los usuarios sin que tengan que abandonar la página de tu documento de Lucidchart.

Ve rápidamente los metadatos del diagrama con fórmulas de insights de la página

Lucidchart proporciona una variedad de fórmulas predefinidas de Page Insights en tus documentos de Lucidchart desde el pie de página, que incluyen:

  • Número de objetos seleccionados en tu página
  • Cantidad total de formas, líneas u objetos en tu página

Usa esto para obtener una comprensión rápida de los metadatos generales de un diagrama. Esto puede dar una idea de la complejidad de un diagrama que se puede usar para comparar la cantidad de figuras, líneas y objetos necesarios para representar diferentes procesos de negocio.

El poder y la versatilidad de las fórmulas en Lucidchart van mucho más allá de las opciones prediseñadas de los insights de página mencionados anteriormente. Explora Usar fórmulas en Lucidchart para obtener información general sobre fórmulas, una vista rápida de referencia de figuras y un glosario.

Más información: además de los conceptos básicos de las fórmulas que se tratan en el artículo anterior, explora la documentación para desarrolladores de fórmulas para conocer fórmulas adicionales y cómo funcionan en Lucid.

Comparte tu diagrama de flujo

Una vez que perfeccionaste tu diagrama de flujo, es hora de compartirlo con las personas para las que lo hiciste.  Lucid ofrece varias opciones que puedes elegir según las necesidades de tu organización, como compartir una versión estática o en tiempo real, exportar o imprimir, o publicar una versión a la que las personas puedan acceder con un enlace. 

Primero, decide si deseas compartir una versión estática o una versión en tiempo real.

Puedes optar por compartir una versión estática de tu diagrama de flujo si:

  • Deseas que el gráfico refleje el proceso de negocio en un período de tiempo específico.
  • Necesitas una versión impresa de tu diagrama de flujo.
  • Deseas controlar quién tiene acceso a la información.
  • No es necesario actualizar tu diagrama de flujo con frecuencia.

Comparte una versión dinámica o en tiempo real de tu diagrama de flujo si:

  • Deseas que tu audiencia vea las actualizaciones del diagrama de flujo en tiempo real.
  • Deseas que tu audiencia tenga acceso a campos de datos vinculados.
  • Tu gráfico es demasiado grande para exportarlo o imprimirlo.
  • Tu diagrama de flujo debe actualizarse con frecuencia.

Consejo: Puedes optar por compartir el diagrama de flujo con otros usuarios de Lucid para colaborar en tiempo real. Para obtener más información, consulta nuestro artículo Compartir con colaboradores en Lucid.

Exporta o imprime una versión estática

Para compartir una versión estática de tu diagrama de flujo, puedes exportarlo como una imagen o un archivo PDF a tu dispositivo o puedes imprimir una copia física.

Aprende más: Para más información y pasos detallados, explora nuestro artículo Exportar o imprimir un documento de Lucid.

Publica o incrusta una versión en vivo

Al compartir una versión dinámica de tu diagrama de flujo, puedes publicarla o incrustar una versión en tiempo real en tu propio sitio web.

Publica tu diagrama de flujo

La publicación genera un enlace que puedes enviar a cualquier persona (incluidos los usuarios que no son de Lucid), lo que les otorga acceso para ver tu diagrama de flujo. Puedes optar por publicar tu diagrama de flujo como:

  • URL: haz clic en el enlace para ir a una versión activa de la página web del diagrama de flujo.
  • PDF: haz clic en el enlace para descargar una instantánea en PDF del diagrama de flujo tal como aparece en Lucidchart en ese momento. 
  • Imagen: haz clic en el enlace para descargar una instantánea del diagrama de flujo tal y como aparece en Lucidchart en ese momento. 

Si publicas tu diagrama de flujo como PDF o imagen, el archivo descargado es estático y no se actualizará con cambios futuros. Sin embargo, si haces actualizaciones, los usuarios pueden volver a hacer clic en el enlace original para descargar la última versión.

Más información: para obtener más información y pasos detallados, explora nuestro artículo Publicar o incrustar un documento de Lucid.

Inserta tu diagrama de flujo
La función de inserción te permite agregar una versión interactiva de tu diagrama de flujo a tu propio sitio web. Puedes generar un código de inserción directamente en Lucidchart, o puedes usar una de las integraciones de inserción externas de Lucid, como:

Recursos

Para obtener más información sobre cómo aprovechar todo el potencial de los diagramas de flujo, explora los recursos adicionales a continuación. Estos recursos solo están disponibles en inglés.
Blog
Tres consejos para visualizar diagramas complejos

Publicaciones de la comunidad
Crear un diagrama de flujo de proceso de negocio

Crear un diagrama de estados actual y futuro
Usar capas para ampliar o contraer un diagrama de flujo

Guía rápida
Tres consejos para crear diagramas impresionantes

Plantillas
Ejemplo de flujo de proceso de negocio
Diagrama de flujo que muestra las dependencias de las tareas
Ejemplo de diagrama de flujo de algoritmo

Video
Diagramas de flujo en Lucid

Da tu opinión sobre este artículo

¿Tienes comentarios sobre este artículo? Cuéntanos tu experiencia aquí.

¿Encontraste lo que estabas buscando?

¿Todavía tienes alguna pregunta o quieres compartir lo que has aprendido? Visita nuestro Comunidad   para obtener ayuda y colaborar con otras personas.