Diagramas que guiam o seu código.

O Skitze é um editor de diagramas rápido e descomplicado, feito para desenvolvedores e arquitetos de software. Crie fluxogramas e diagramas UML em minutos, direto no navegador — sem plugins e sem bibliotecas de formas inchadas para vasculhar.

Comece grátis Veja como funciona
01 · Diagramas de componentes UML

Mostre como as peças se encaixam

Modele componentes, interfaces e dependências de forma clara, à primeira vista. Agrupe componentes em subsistemas para mostrar como um sistema grande se divide e quais partes podem mudar, escalar ou ser substituídas de forma independente.

Um diagrama de componentes UML criado no Skitze: um subsistema Order Processing (com os componentes Order Processing e Order Validation) se conecta via Shipping Scheduling a um subsistema Shipping, e via Inventory Check a um subsistema Inventory. Clique para ver em resolução máxima.
Um diagrama de classes UML criado no Skitze: um Customer faz Orders; cada Order tem um enum OrderStatus, agrega Items por meio da classe de associação OrderItem e é paga por um Payment que realiza a interface PaymentAuthorization, com CreditCard e Check como subclasses de forma de pagamento. Clique para ver em resolução máxima.
02 · Diagramas de classes UML

Registre seu modelo de dados

Registre a estrutura do seu domínio: o que cada classe guarda, o que ela faz e como se relaciona com o resto. Use para chegar a um acordo sobre um design antes de o código existir, ou para mapear um que já existe.

03 · Diagramas de sequência UML

Registre sua lógica de negócio

Acompanhe um processo de negócio enquanto ele passa entre serviços, da primeira requisição à resposta final. Loops, alternativas e etapas opcionais deixam as regras explícitas, em vez de enterradas no código.

Um diagrama de sequência UML criado no Skitze: um Customer faz um pedido a um Order Srvc, que percorre cada item verificando a disponibilidade com um Inventory Srvc e depois providencia e confirma o envio com um Shipping Srvc e um Messaging Srvc, ou notifica a falha. Clique para ver em resolução máxima.
Um fluxograma de processamento de pedidos criado no Skitze: Start leva a Read Order Details e depois a Validate Order, e a decisão Valid? segue com Yes para Ship Order e Generate Confirmation até Complete, ou com No para Reject. Clique para ver em resolução máxima.
04 · Fluxogramas

Mapeie a lógica

Use fluxogramas para modelar algoritmos e lógica procedural, e para explicá-los a quem não programa. Eles funcionam igualmente bem para procedimentos de negócio e operacionais, árvores de decisão e processos simples e lineares.

05 · O que vem por aí

Mais tipos de diagrama a caminho

Fluxogramas e diagramas UML de componentes, de classes e de sequência já estão disponíveis. Veja o que vem a seguir.

Em breve

Diagramas entidade-relacionamento

Tabelas, chaves e relacionamentos do seu esquema, alinhados com a forma como você realmente o consulta.

Em breve

Diagramas vinculados

Conecte diagramas entre si — vá com um clique de um componente direto para o seu diagrama de sequência.

Pronto para começar a desenhar?

Grátis para começar, sem instalação. Desenhe os fluxogramas e diagramas UML da sua equipe e veja até onde o Skitze leva você.

Comece grátis