Directorio de herramientas

Todas las herramientas de diagramas

Explora las herramientas de DiagramPreview por formato, flujo y tipo de diagrama.

Herramientas disponibles

Vista previa Mermaid

Vista previa Mermaid para vista previa, review y exportación en documentación de desarrollo.

Generador de diagramas con IA

Generador de diagramas con IA para vista previa, review y exportación en documentación de desarrollo.

Texto a Mermaid

Texto a Mermaid para vista previa, review y exportación en documentación de desarrollo.

Corrector Mermaid con IA

Corrector Mermaid con IA para vista previa, review y exportación en documentación de desarrollo.

Architecture Diagram Generator

Generate Mermaid architecture diagrams from product or system notes with AI.

Vista previa PlantUML

Vista previa PlantUML para vista previa, review y exportación en documentación de desarrollo.

AI PlantUML Generator

Generate PlantUML diagrams from natural language with DeepSeek.

Generador Draw.io con IA

Generador Draw.io con IA para vista previa, review y exportación en documentación de desarrollo.

Vista previa Markdown

Vista previa Markdown en un espacio online con ejemplos, validación y acciones de exportación.

Grafana Dashboard Generator

Generate Grafana dashboard JSON for Prometheus, Loki, Node Exporter, API, and Kubernetes monitoring.

Editor de vista SVG

Editor de vista SVG: Previsualiza y depura esta fuente en una superficie local para documentación técnica.

Prometheus Alert Rule Generator

Generate Prometheus alert rules YAML for APIs, infrastructure, Kubernetes, databases, and queues.

Generador de Pack de Observabilidad

Generador de Pack de Observabilidad: Generate Grafana dashboard YAML, Prometheus rules, Mermaid architecture, and a runbook checklist with AI.

Depurador Open Graph

Depurador Open Graph: Previsualiza y depura esta fuente en una superficie local para documentación técnica.

Postman Collection a secuencia

Postman Collection a secuencia para vista previa, review y exportación en documentación de desarrollo.

Probador robots.txt

Probador robots.txt: Previsualiza y depura esta fuente localmente.

HAR a diagrama de secuencia

HAR a diagrama de secuencia para vista previa, review y exportación en documentación de desarrollo.

Visor de archivos HAR

Visor de archivos HAR: Previsualiza y depura esta fuente en una superficie local para documentación técnica.

Visor Sitemap XML

Visor Sitemap XML: Previsualiza y depura esta fuente localmente.

Vista previa de diagrama de secuencia

Vista previa de diagrama de secuencia en un espacio online con ejemplos, validación y acciones de exportación.

Diagrama de Flujo de Errores API

Convierte códigos de estado, condiciones de fallo, reglas de reintento y acciones de recuperación en un diagrama de errores API.

OpenAPI a diagrama de secuencia

OpenAPI a diagrama de secuencia para vista previa, review y exportación en documentación de desarrollo.

PlantUML a Draw.io

PlantUML a Draw.io para vista previa, review y exportación en documentación de desarrollo.

SQL a ER diagram

SQL a ER diagram para vista previa, review y exportación en documentación de desarrollo.

Diagrama de dependencias package.json

Visualize package.json dependencies, devDependencies, peerDependencies, and optionalDependencies.

Diagrama Docker Compose

Diagrama Docker Compose para vista previa, review y exportación en documentación de desarrollo.

Diagrama de Plantilla CloudFormation

Diagrama de Plantilla CloudFormation: Visualize AWS CloudFormation resources and references from template YAML or JSON.

Vista previa Graphviz DOT

Vista previa Graphviz DOT en un espacio online con ejemplos, validación y acciones de exportación.

Mermaid to Draw.io

Convert common Mermaid flowcharts and sequence diagrams into editable draw.io XML with SVG preview.

Vista previa D2

Vista previa D2 para vista previa, review y exportación en documentación de desarrollo.

Visualizador Kubernetes Manifest

Visualizador Kubernetes Manifest para vista previa, review y exportación en documentación de desarrollo.

Página web a Markdown

Convierte una URL web o HTML pegado en Markdown limpio para documentación, notas, prompts de IA y migraciones.

Terraform Architecture Diagram

Visualize Terraform resource blocks and references as a software architecture diagram.

Diagrama de Topología de Servicios Kubernetes

Diagrama de Topología de Servicios Kubernetes: Visualize Ingress, Service, Deployment, and Pod relationships from Kubernetes YAML.

Vista previa HTML en sandbox

Preview HTML components, email snippets, and landing sections in a script-blocked sandbox.

Diagrama railroad de Regex

Turn regular expressions into simple railroad-style diagrams for documentation and code review.

Vista previa de gradientes CSS

Preview CSS linear, radial, conic, and repeating gradients with extracted color stops.

GitHub Actions Workflow Diagram

Turn GitHub Actions YAML jobs, needs, and steps into a readable workflow diagram.

Visor de diferencias JSON

Compare two JSON payloads and inspect added, removed, and changed paths.

Generador de Pipeline CI/CD

Generador de Pipeline CI/CD: Generate a pipeline diagram from GitHub Actions, GitLab CI, or simple step lists.

Vista previa de imagen Base64

Preview Base64 image strings and data URLs with MIME type and size analysis.

Vista previa de mapa mental

Vista previa de mapa mental en un espacio online con ejemplos, validación y acciones de exportación.

Visualizador JSON Schema

Visualizador JSON Schema para vista previa, review y exportación en documentación de desarrollo.

Vista de formulario JSON Schema

Vista de formulario JSON Schema: Previsualiza y depura esta fuente en una superficie local para documentación técnica.

Visualizador de Expresiones Cron

Visualizador de Expresiones Cron: Visualize cron fields, schedule intent, and documentation notes.

Vista previa de box-shadow CSS

Preview CSS box-shadow values on realistic cards and compare shadow layers.

Probador de filtro jq

Probador de filtro jq: Previsualiza y depura esta fuente localmente.

Generador de Diagramas C4 Model

Generador de Diagramas C4 Model: Generate C4-style system context, container, and component diagrams from simple text.

Vista previa de paleta de colores

Preview hex, rgb, hsl, and CSS variable palettes with adjacent contrast checks.

XML a diagrama

Inspect XML documents as a readable tree for feeds, SVG snippets, configs, and integration payloads.

Probador JSONPath

Probador JSONPath: Previsualiza y depura esta fuente en una superficie local para documentación técnica.

Probador XPath

Probador XPath: Previsualiza y depura esta fuente localmente.

Diagrama Decodificador JWT

Diagrama Decodificador JWT: Decode JWT header, payload, signature, and claims into a readable diagram.

Analizador de comandos cURL

Parse cURL commands into method, URL, headers, query parameters, and request body preview.

JSON a diagrama

JSON a diagrama en un espacio online con ejemplos, validación y acciones de exportación.

Probador YAML Path

Probador YAML Path: Previsualiza y depura esta fuente localmente.

Analizador de query URL

Decode URL query strings, inspect UTM parameters, and review API query payloads.

CSV a diagrama

Preview CSV files as row and column trees for lightweight data inspection.

Visualizador TOML

Visualizador TOML: Previsualiza y depura esta fuente localmente.

YAML a diagrama

YAML a diagrama en un espacio online con ejemplos, validación y acciones de exportación.

Dockerfile Visualizer

Visualize Dockerfile build stages and instructions as a step-by-step diagram.

Comparador .env

Comparador .env: Previsualiza y depura esta fuente localmente.

Visor draw.io

Visor draw.io para vista previa, review y exportación en documentación de desarrollo.

Helm Values Visualizer

Inspect Helm values.yaml as an expandable structure for chart review and documentation.

Parser de cabeceras HTTP

Parser de cabeceras HTTP: Previsualiza y depura esta fuente localmente.

Nginx Config Visualizer

Visualize nginx server, location, proxy_pass, and upstream relationships.

Probador de location Nginx

Probador de location Nginx: Previsualiza y depura esta fuente en una superficie local para documentación técnica.

OpenTelemetry Trace to Sequence

Convert OpenTelemetry spans JSON into a Mermaid sequence diagram for request flow review.

Visualizador de Interfaces TypeScript

Visualizador de Interfaces TypeScript: Visualize TypeScript interfaces, type aliases, fields, and references for API and SDK docs.

Log to Sequence Diagram

Turn simple service call logs into a Mermaid sequence diagram.

Visualizador de Schema Zod

Visualizador de Schema Zod: Visualize Zod object schemas, validators, and validation documentation structure.

Visualizador GraphQL Schema

Visualizador GraphQL Schema para vista previa, review y exportación en documentación de desarrollo.

Visualizador Protobuf Schema

Visualizador Protobuf Schema para vista previa, review y exportación en documentación de desarrollo.

AsyncAPI Event Flow Diagram

Convert AsyncAPI channels into producer, channel, and consumer event flow diagrams.

DBML a ER diagram

DBML a ER diagram para vista previa, review y exportación en documentación de desarrollo.

Prisma Schema Diagram

Convert Prisma model blocks into an ER-style schema diagram.

Draw.io a SVG

Draw.io a SVG para vista previa, review y exportación en documentación de desarrollo.

Priority workflows

Herramientas planificadas

OpenAPI DiagramSQL ER DiagramRegex Railroad DiagramText to Diagram