--- title: Diagramas Mermaid slug: docs/es/diagramas-mermaid description: Aprende a crear varios tipos de diagramas, incluidos ERD, UML, de clases y de secuencias, con la ayuda de la integración de Mermaid. Este documento explica cómo acceder a Mermaid usando un práctico atajo o una opción de menú. No te pierdas el ejemplo incl docTags: createdAt: 2020-10-15T08:05:12.000Z --- Otra opción para crear diagramas es usar nuestra integración de [Mermaid](https://mermaid-js.github.io/mermaid/#/) . Mermaid es una sintaxis similar a markdown para crear diagramas, ERD, UML, clases, secuencias y más. Simplemente comience a escribir el atajo `(mermaid)` o simplemente agréguelo desde el menú `/`. Véalo en acción en nuestro diagrama de ejemplo abajo 😄 ```mermaid sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! ``` *** ::::LinkArray :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} :FontAwesome[]{icon="fa-solid fa-cubes"} ** Encontrar otros bloques** Descubra nuevas formas y bloques para crear páginas de documentación impresionantes y funcionales. [Revise todos los bloques](docId\:IzBUJGUT0bOmcbZ5hFQNX) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} :FontAwesome[]{icon="fa-solid fa-headset"}** ¿Necesita ayuda? ⬇️** Use la **burbuja** **de chat azul **en la esquina inferior derecha. O pruebe **Chat de IA** (desde la barra de búsqueda) para obtener respuestas rápidas. ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} :FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Su opinión importa** Use el formulario de comentarios a continuación, de manera anónima. O haga una pregunta en la **sección de preguntas y respuestas** y nuestro equipo o la IA le darán una solución. ::: ::::