Diagramas que guían tu código.

Skitze es un editor de diagramas rápido y sin complicaciones, pensado para desarrolladores y arquitectos de software. Crea diagramas de flujo y diagramas UML en minutos, directamente en el navegador — sin plugins y sin bibliotecas de formas sobrecargadas que recorrer.

Empieza gratis Mira cómo funciona
01 · Diagramas de componentes UML

Muestra cómo encajan las piezas

Modela componentes, interfaces y dependencias de un vistazo. Agrupa componentes en subsistemas para mostrar cómo se divide un sistema grande y qué piezas pueden cambiar, escalar o sustituirse por separado.

Un diagrama de componentes UML creado con Skitze: un subsistema Order Processing (con los componentes Order Processing y Order Validation) se conecta mediante Shipping Scheduling a un subsistema Shipping, y mediante Inventory Check a un subsistema Inventory. Haz clic para verlo a resolución completa.
Un diagrama de clases UML creado con Skitze: un Customer realiza Orders; cada Order tiene un enum OrderStatus, agrega Items mediante la clase de asociación OrderItem y se paga con un Payment que realiza la interfaz PaymentAuthorization, con CreditCard y Check como subclases de método de pago. Haz clic para verlo a resolución completa.
02 · Diagramas de clases UML

Define tu modelo de datos

Define la forma de tu dominio: qué contiene cada clase, qué hace y cómo se relaciona con el resto. Úsalo para acordar un diseño antes de que exista el código, o para documentar uno que ya existe.

03 · Diagramas de secuencia UML

Plasma tu lógica de negocio

Sigue un proceso de negocio mientras pasa de un servicio a otro, desde la primera petición hasta la respuesta final. Los bucles, las alternativas y los pasos opcionales hacen explícitas las reglas, en lugar de dejarlas enterradas en el código.

Un diagrama de secuencia UML creado con Skitze: un Customer hace un pedido a un Order Srvc, que recorre cada artículo comprobando su disponibilidad con un Inventory Srvc y luego organiza y confirma el envío con un Shipping Srvc y un Messaging Srvc, o notifica el fallo. Haz clic para verlo a resolución completa.
Un diagrama de flujo de procesamiento de pedidos creado con Skitze: Start lleva a Read Order Details y luego a Validate Order, y la decisión Valid? se bifurca con Yes hacia Ship Order y Generate Confirmation hasta Complete, o con No hacia Reject. Haz clic para verlo a resolución completa.
04 · Diagramas de flujo

Traza la lógica

Usa diagramas de flujo para modelar algoritmos y lógica procedimental, y para explicárselos a quienes no programan. Funcionan igual de bien para procedimientos de negocio y operativos, árboles de decisión y procesos sencillos y lineales.

05 · Lo que viene

Más tipos de diagramas en camino

Los diagramas de flujo y los diagramas UML de componentes, de clases y de secuencia ya están disponibles. Esto es lo que viene a continuación.

Próximamente

Diagramas entidad-relación

Tablas, claves y relaciones de tu esquema, alineadas con la forma en que realmente lo consultas.

Próximamente

Diagramas enlazados

Conecta diagramas entre sí — pasa con un clic de un componente a su diagrama de secuencia.

¿Listo para empezar a dibujar?

Gratis para empezar, sin instalar nada. Dibuja los diagramas de flujo y UML de tu equipo y descubre hasta dónde te lleva Skitze.

Empieza gratis