Personas: Todos los usuarios
Planes: Todos los planes
Plataformas: Navegador, Escritorio
Los diagramas Mermaid ahora son nativos en Miro. Consulta Crear diagramas Mermaid
Con la aplicación Mermaid, puedes crear e insertar fácilmente diagramas enriquecidos basados en código directamente dentro de tus tableros de Miro. Esto te permite visualizar sistemas complejos, flujos de trabajo o estructuras de datos mediante una sintaxis sencilla basada en texto, mejorando la colaboración y la comprensión.
Cambiar el código de un diagrama y ver cómo se actualiza la vista previa en tiempo real
Instalar la app de Mermaid
Puedes instalar la app de Mermaid desde el Marketplace de Miro o directamente desde la barra de herramientas de creación en un tablero de Miro.
Para instalar desde el Marketplace de Miro:
- Navega al Marketplace de Miro o sigue este enlace directo a la app de Mermaid.
- Selecciona un equipo de Miro para completar la instalación.
También puedes instalar la app desde la barra de herramientas de creación:
- En la barra de herramientas de creación, situada a la izquierda de tu tablero, selecciona Herramientas, medios e integraciones (+). Se abrirá el panel de Herramientas, medios e integraciones.
- En la pestaña Herramientas, busca y selecciona Mermaid Diagrams.
- Se abrirá el panel de la app Mermaid Diagrams y la app se agregará a tu barra de herramientas.
✏️ Nota: Los usuarios que no sean admins no pueden instalar aplicaciones si la instalación de apps está restringida en la configuración del equipo.
Crear y agregar diagramas a los tableros de Miro
Una vez instalada, la app Mermaid te permite generar diagramas usando código basado en texto y agregarlos a tu tablero como imágenes.
Después de la instalación, encontrarás la app Mermaid en tu Creation toolbar. La app se abre con un código de muestra predeterminado. A medida que modificas el código para crear tu diagrama, este se actualiza en el preview area a la derecha, lo que te permite ver los cambios en tiempo real.
La app Mermaid incluye varios diagramas de ejemplo, accesibles desde la esquina inferior izquierda del panel de la app. Puedes seleccionar uno de estos ejemplos y luego personalizarlo según tus necesidades.
Puedes cambiar el tamaño del panel del editor de código arrastrando su borde derecho.
Cambiar el tamaño del panel del editor de código
Cuando termines de crear tu diagrama, haz clic en Add to board. El diagrama se añadirá a tu tablero como una imagen.
Cómo agregar un diagrama al tablero
Editar diagramas existentes
También puedes modificar diagramas de Mermaid que ya estén en tu tablero de Miro.
- Haz clic en la imagen del diagrama de Mermaid en tu tablero para seleccionarla.
- Haz clic en el icono Mermaid en el menú contextual que aparece (o encuéntralo en la barra de herramientas de Creación).
- El editor de Mermaid se abrirá con el código del diagrama. Realiza tus cambios en el editor de código.
- Haz clic en Actualizar diagrama.
- Volverás a tu tablero de Miro y el diagrama se actualizará con tus cambios.
Información adicional
Aquí tienes recursos y detalles adicionales para trabajar con diagramas de Mermaid en Miro.
Sintaxis y documentación de Mermaid
La Mermaid app usa una sintaxis específica para generar diagramas a partir de texto. Para obtener información detallada sobre la sintaxis, incluidos los tipos de diagramas y las opciones compatibles, consulta la documentación oficial de Mermaid. También puedes acceder a esta documentación desde el enlace en la esquina inferior izquierda del panel de la Mermaid app dentro de Miro.
Compartir y exportar diagramas
Una vez que agregas un diagrama de Mermaid a tu tablero, funciona como una imagen. Puedes descargar esta imagen directamente desde el tablero si lo necesitas. Para colaborar con otras personas, puedes compartir el tablero de Miro que contiene el diagrama.
Procesamiento de datos
Cuando creas o editas un diagrama de Mermaid, el código se renderiza del lado del cliente en tu navegador usando la biblioteca Mermaid.js. La imagen del diagrama generada se almacena en los servidores de Miro como parte del contenido de tu tablero. El código de tu diagrama no se envía a ningún servidor externo para su renderizado.
Tanto el código original del diagrama como la imagen resultante se insertan en los widgets del tablero de Miro, de la misma forma que otro contenido del tablero. Esto garantiza la plena compatibilidad con las funciones de colaboración y gestión de contenido de Miro.
Todos los datos permanecen íntegramente dentro de la infraestructura de Miro, nada se comparte ni se transmite fuera del entorno de Miro. Todos los datos generados por la app se cifran con las claves EKM del cliente.