Cinco formatos de exportación, un BPMN: cómo elegir el artefacto correcto para cada audiencia

Cada BPMN acaba saliendo de la plataforma. A veces desemboca en un deck de PowerPoint, a veces en una carpeta de cumplimiento, a veces en un motor de flujo de trabajo, a veces en un pipeline de analítica personalizado. Los cinco formatos de exportación que LucidFlow produce no son intercambiables: cada uno está ingeniado para un consumidor aguas abajo específico, y el error que cometen los analistas es exportar el formato que conocen en lugar del formato que el consumidor necesita.

• PNG: imagen ráster, ampliamente soportada, la menor fricción para inclusión en slides y documentos. El formato correcto para el 80 por ciento del compartir no técnico: adjuntos de correo, slides de PowerPoint, páginas de Confluence, documentos Word. Debilidad: no es infinitamente escalable, se ve pixelado en pantallas high-DPI si se exporta a baja resolución.
• SVG: imagen vectorial, infinitamente escalable, editable en Illustrator o Figma. El formato correcto para diseñadores que reestilizarán el diagrama para consistencia de marca, y para producción de impresión donde la independencia de resolución importa. Debilidad: menos universalmente admitido en herramientas de negocio que PNG; algunas versiones antiguas de Word y PowerPoint manejan SVG de forma imperfecta.
• PDF: documento multi-página con diagrama embebido, metadatos, y leyenda. El formato correcto para presentaciones ejecutivas, archivos de cumplimiento, y cualquier consumidor que quiera un artefacto autocontenido que preserve el formato a través de cualquier lector PDF. Debilidad: no editable, y el diagrama embebido es ráster en lugar de vectorial en la mayoría de renderers.
• BPMN 2.0 XML: el formato canónico, ejecutable. El formato correcto para importar en Camunda, Flowable, jBPM, o cualquier otro motor de flujo de trabajo que admita el estándar BPMN. También el formato correcto para interoperabilidad con otras herramientas BPMN: Visio, Bizagi, Signavio todos pueden leer BPMN 2.0 XML. Debilidad: no es legible para un humano; no puedes abrirlo significativamente sin un visor BPMN.
• JSON: los datos brutos del diagrama, con cada nodo, arista, KPI y campo de metadatos expuestos. El formato correcto para pipelines de analítica personalizada, integración con herramientas de reporting internas, y ETL a plataformas de business intelligence (Power BI, Tableau, Looker). Debilidad: requiere que el consumidor escriba código para hacer algo con él: este no es un formato que envíes a un VP.

Un detalle importante que la mayoría de usuarios se pierde: distintos formatos de exportación preservan distintos subconjuntos de los datos del diagrama. PNG y SVG son formatos visuales, así que preservan lo que el lienzo muestra: nodos, aristas, etiquetas, colores, swimlanes, superposición de heatmap si está activa. No preservan los datos KPI detrás de los visuales; un PNG del panel de costes tiene los números como píxeles pero no como datos.

PDF se sitúa en el medio: embebe el diagrama renderizado como PNG dentro de un documento jspdf de una sola página, no hay capa de metadatos, solo la imagen rasterizada. BPMN 2.0 XML preserva solo los elementos estructurales canónicos (eventos, tareas, puertas, flujos de secuencia, pools, lanes). NO incluye los campos KPI por tarea (estimatedDuration, estimatedCost, frequency), la puntuación de heatmap, ni ningún otro dato LucidFlow-específico: esos se eliminan completamente de la salida XML. Si exportas un proceso a BPMN XML, lo envías a un motor de flujo de trabajo, y luego lo reimportas en LucidFlow, la estructura hace un round-trip pero cada valor de coste y frecuencia vuelve vacío. JSON es el único formato de exportación que preserva la carga útil completa: estructura, KPIs, metadatos, todo.

Cuatro detalles del pipeline de exportación afectan la calidad de salida y vale la pena entender incluso si nunca los ajustas manualmente.

Ajuste de viewport

El pipeline de exportación ejecuta un pase llamado « withFittedViewport » que recalcula el área visible del lienzo para que la imagen exportada muestre el diagrama entero sin espacio en blanco vacío y sin recortes. Esto importa porque la vista en pantalla que ves suele estar zoomeada en una parte específica del proceso, pero la exportación se supone que debe mostrar todo. Si alguna vez has exportado un diagrama desde una herramienta más antigua y has encontrado que la mitad estaba cortada, el ajuste de viewport es la funcionalidad que previene ese fallo específico.

Renderizado de leyenda

Si el diagrama está mostrando actualmente un heatmap (modo Coste, Duración, o Impacto), la exportación incluye una leyenda explicando la escala de color. La leyenda se renderiza directamente en la imagen exportada en lugar de dibujarse como capa separada, así que sobrevive al proceso de exportación y es visible para cualquiera que abra el archivo después. Sin esto, un receptor de un PNG de heatmap vería nodos coloreados sin ninguna explicación de qué significan los colores: lo que es peor que exportar la vista plana.

Aplicación de marca de agua

Cada exportación PNG, SVG y PDF lleva una marca « LucidFlow.ai » en la esquina inferior derecha del diagrama renderizado. La marca de agua se aplica incondicionalmente, no hay un check basado en tier que la active o desactive, y las utilidades de exportación compartidas no toman un parámetro de plan. Los equipos que específicamente necesitan exportaciones sin marca para incrustación en artefactos customer-facing deberían contactarnos: eso es una petición de funcionalidad, no un upgrade de tier. Las exportaciones BPMN 2.0 XML y JSON no incluyen la marca visual puesto que no son imágenes.

El PDF se carga dinámicamente

El exportador PDF usa la biblioteca jspdf, demasiado grande para enviarse en el bundle principal, así que se carga dinámicamente solo cuando el usuario realmente hace clic en Exportar PDF. La primera exportación PDF de una sesión puede tener un ligero retraso mientras la biblioteca carga; las exportaciones PDF subsiguientes son instantáneas. Esto es invisible para los usuarios pero vale la pena saber porque es una pregunta común de devs que inspeccionan el bundle.