Herramientas para desarrolladores

Generador de diagramas Mermaid — plantillas y sintaxis

Elige plantillas de diagrama de flujo, secuencia, Gantt, clase o estado, edítalas y genera sintaxis Mermaid para documentación Markdown o exporta archivos .mmd en tu navegador. Útil para README y diagramas técnicos.

MermaidDiagramasMarkdown

Añadir esta herramienta a favoritos

No se ha seleccionado un modo de almacenamiento de favoritos.

Acciones rápidas

Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.

Casos de uso

  • Boceta diagramas de secuencia de API para la documentación
  • Explica lógica de ramificación con diagramas de flujo
  • Exporta .mmd para renderizadores externos

Cómo usar

  1. Selecciona un tipo de diagrama y carga la plantilla
  2. Edita nodos y etiquetas para tu caso
  3. Copia la sintaxis sin procesar o un bloque de código Markdown

Entrada y salida de ejemplo

Tipo

secuencia

Fragmento

sequenceDiagram\n  A->>B: petición

FAQ

¿La página renderiza el gráfico?

Se centra en la generación de código fuente. El renderizado final depende de tu plataforma de documentación o IDE.

¿Qué tipos de diagrama se incluyen?

Se proporcionan plantillas para diagramas de flujo, secuencia, Gantt, clase y estado.

Herramientas

Herramientas relacionadas

Continúa con otra herramienta traducida para una tarea cercana.

Generador de README

Generador de README — esqueleto de documentación de código abierto

Disponible

Introduce un nombre de proyecto y descripción corta, activa secciones de Instalación, Uso, API, Contribución y Licencia, luego genera un esqueleto de README.md estructurado en tu navegador. Útil al arrancar repos o paquetes npm.

README Markdown Documentación

Generador de registros de cambios

Generador de registros de cambios — plantilla Keep a Changelog

Disponible

Introduce versión, fecha y elementos de Añadido/Cambiado/Obsoleto/Eliminado/Corregido/Seguridad para generar Markdown estilo Keep a Changelog en tu navegador. Útil para higiene de notas de versión.

Registro de cambios Versión Markdown

Visor de código Carbon

Visor de código Carbon — tarjetas de código compartido con tema

Disponible

Previsualiza código en temas, estilos de ventana y sombras ajustables; luego copia el código o copia y exporta el SVG en tu navegador. Útil para documentación, publicaciones sociales o incidencias cuando una captura no es ideal.

Código compartido SVG Diseño