Cómo usar el creador de diagramas de flujo y esquemas
- Pulsa el botón de ejemplo (Diagrama de flujo, Secuencia, Calendario, Clases, etc.) más cercano a lo que quieres. El texto de ejemplo llena el cuadro de la izquierda y el dibujo aparece a la derecha al instante.
- Cambia los nombres y las flechas del texto de la izquierda por tu propio contenido. Un momento después de cada edición, el dibujo se vuelve a trazar.
- Para cambiar el aspecto, elige Por defecto, Verde, Gris u Oscuro bajo el dibujo.
- Cuando estés conforme, pulsa Guardar PNG o Guardar SVG para obtener un archivo. Para editarlo más tarde, usa Copiar texto y guarda el texto en un lugar seguro.
Cómo el texto se convierte en un dibujo
Describes cajas y flechas con líneas cortas como «A --> B», y la herramienta lee ese texto y calcula dónde va cada caja y cómo se traza cada línea. En lugar de arrastrar cajas con el ratón y alinear conectores, solo escribes qué se conecta con qué, así que cambiar una línea de texto reorganiza por ti todo el diseño.
El dibujo se crea como gráficos vectoriales escalables que se mantienen nítidos al ampliarlos, y todo se procesa dentro de esta página. Lo que escribes nunca sale, así que se pueden dibujar con tranquilidad flujos de trabajo o planes personales que prefieras no exponer.
Qué se puede dibujar
Los diagramas de flujo son la opción más habitual para procedimientos de trabajo o decisiones con ramas de sí y no. Los diagramas de secuencia muestran en qué orden intercambian mensajes varias partes, como un usuario, una app y un servidor, por lo que aparecen a menudo en documentos de desarrollo y manuales de trabajo.
Un calendario (Gantt) dibuja barras cuando das a cada tarea una fecha de inicio y una duración. También puedes escribir relaciones de orden como «empieza después de la tarea anterior», lo que resulta útil para compartir un proyecto pequeño o un plan de estudio. Los diagramas de clases, de estados y ER explican la estructura de programas y de datos, un gráfico de sectores muestra las proporciones de un vistazo y un mapa mental sirve para desplegar ideas como ramas.
Como el original es el texto y no el archivo de imagen, resulta fácil guardarlo en un bloc de notas o un documento y cambiar una línea más tarde antes de guardar otra vez. Te ahorras el trabajo de redibujar desde cero cuando solo te queda una imagen.
Cuando el contenido se alarga, se lee mejor como varios dibujos por pasos que como uno enorme. Cuando un dibujo tiene más de unas diez cajas, quien lo mira pierde el hilo con facilidad.
Consejos para buenos dibujos
- Escribe siempre el tipo de dibujo en la primera línea. Sin él no se dibuja nada.
- Si el nombre de una caja contiene espacios o paréntesis, enciérralo entre corchetes [ ].
- Cuando aparezca un error, deshaz desde la última línea que editaste. La causa suele estar ahí.
- Usa SVG para blogs y documentos para que las líneas queden nítidas, y PNG para las apps de chat.
- Para diapositivas con fondo oscuro, prueba la opción de PNG transparente junto con el tema Oscuro.
Preguntas frecuentes
¿Cómo escribo el texto para que aparezca un dibujo?
Empieza la primera línea con el tipo de dibujo (palabras como flowchart TD, sequenceDiagram o gantt) y escribe debajo las conexiones como «A --> B». Lo más rápido es pulsar un botón de ejemplo y cambiar el texto poco a poco.
Aparece un mensaje rojo y no se muestra ningún dibujo.
Normalmente la primera línea nombra un tipo desconocido, los corchetes o las comillas no están emparejados, o la sangría no es correcta. Revisa primero cerca de la línea que menciona el mensaje. Si un nombre contiene espacios, ponlo entre corchetes [ ].
¿Guardo en PNG o en SVG?
El SVG se mantiene nítido al ampliarlo, así que va bien para documentos y diapositivas. El PNG es más fácil para las apps de chat y los blogs. Si el PNG se ve borroso, sube la escala a 2x o 3x.
¿Se guarda mi texto?
No. Ni se envía a un servidor ni se conserva en tu navegador. Usa Copiar texto para guardar lo que necesites.
¿Funciona con texto en coreano?
Sí. Se pueden dibujar nombres y etiquetas en coreano. Como usa las fuentes instaladas en tu dispositivo, las letras de los archivos PNG y SVG pueden verse ligeramente distintas de un dispositivo a otro.
Notas y limitaciones
Esta herramienta sirve para dibujar esquemas sencillos con rapidez, y los diagramas muy grandes con muchas cajas pueden quedar mal organizados. Lo que escribes se procesa solo en tu navegador y nunca se envía ni se guarda. BTSPACE WAGLE es un sitio informativo no oficial. Para convertir los datos de una tabla en un gráfico, prueba también el creador de gráficos.