Con la aplicación Mermaid, puedes crear fácilmente diagramas basados en código en Miro.
Cómo instalar la aplicación
Puedes instalar la aplicación desde Miro Marketplace o siguiendo este enlace. También puedes instalar la aplicación simplemente agregándola a la barra de herramientas de creación, como se muestra a continuación. Deberás seleccionar un equipo de Miro para completar la instalación.
⚠️ Los usuarios que no sean admins no pueden instalar aplicaciones si eso no está permitido en los ajustes de equipo.
Cómo crear diagramas y agregarlos a los tableros de Miro
Una vez que instales la aplicación, la verás en tu barra de herramientas de creación.
La aplicación tiene un código de muestra predeterminado. A medida que cambies el código para construir tu diagrama, el diagrama se actualizará en el área de vista previa ubicado a la derecha.
Cómo cambiar un código de diagrama
La aplicación Mermaid tiene varios diagramas de muestra disponibles en la esquina inferior izquierda; puedes elegir uno de ellos y luego personalizarlo de acuerdo con tus necesidades.
Cambia el tamaño del panel de editor de código arrastrándolo desde su borde derecho.
Cómo cambiar el tamaño del editor de código
Para obtener más información sobre la sintaxis que usa Mermaid, consulta la documentación oficial. También puedes acceder a la documentación desde la esquina inferior izquierda del panel de la aplicación.
A medida que termines de construir tu diagrama, haz clic en Add to board (agregar al tablero). El diagrama se añadirá al tablero como una imagen. Puedes descargar la imagen o compartir el tablero con el diagrama con tus colaboradores.
Cómo agregar un diagrama al tablero
Editar diagramas
También puedes editar diagramas de Mermaid directamente en el tablero de Miro.
- Haz clic en el diagrama para seleccionarlo
- Haz clic en el icono de Mermaid en la barra de herramientas de Creación
- El editor de Mermaid se abrirá. Realiza tus cambios y haz clic en Actualizar diagrama
- Volverás a tu tablero de Miro y tu diagrama se actualizará
. Actualizar un diagrama de Mermaid en Miro
.