Como criar diagramas animados de arquiteturas no Draw io

Muitas pessoas me perguntam como criar diagramas animados para suas arquiteturas.
Eu costumo utilizar a ferramenta Draw.io que é gratuita para criar os meus diagramas de arquitetura, e por ele nós temos 3 passos simples para animar as arquiteturas.
1- Selecione toda a area da arquitetura que deseja animar.
2- Clique em "Editar" e "Selecionar Margens"
3- Em "Estilo" e "Propriedades" marque o checkbox de "Flow Animation"
Pronto!
Simples assim.
Se você gostou desse tipo de conteúdo não deixe de me acompanhar nas redes sociais e considere fazer parte da minha turma de mentoria.
LinkedIn do Dan Rezende:
/ danrezende
Instagram do Dan Rezende:
/ odanrezende
Fila para mentoria do Dan Rezende:
fila.danrezende.com/
Imersão focada em dicas para AWS Cloud Practitioner:
imersao.danrezende.com/ccp
Imersão focada em dias para AWS Solutions Architect Associate:
imersao.danrezende.com/saa
Nosso grupo no Discord:
swiy.co/discord-cloudfaster-a...
#diagrama #arquitetura #arquiteturaanimada #diagramaanimado

[@brunoptu]

Dan, mais um vez, ótimo conteúdo e de muita qualidade! Muito obrigado!

[@fmkoba]

eu estava procurando MUITO como fazer isso, brigadão e parabéns

[@leandrogguimaraes]

Boa dica! Obrigado por compartilhar.

[@edjaniosilva4375]

Muito bom!

[@rprestesrs]

Ótimo vídeo! Obrigado por compartilhar este conhecimento!!

[@senatecufpb]

Obrigado por compartilhar

[@marcosrodriguescosta4038]

Obrigado Dan, pareceu muito simples executar os comandos, faz um diferencial na visualização e entendimento. Valeu

[@odanrezende]

Que bom que curtiu, tmj!

[@andressafernandaidalgodefa248]

AMEI

[@odanrezende]

Que bomque curtiu Andressa =)

[@valdemiro8465]

Obrigado por partilhar conhecimento

[@odanrezende]

Conta comigo!

[@TheThiagoamancio]

Mais um excelente conteúdo. Perguntei uma vez a um cara, como era que ele criava diagrama animado. E o cara enrolou e não quis me dizer.🙄

[@odanrezende]

kkkkkkk

[@ademargr]

Dan, muito bom!! Obrigado. Mas tenho uma dúvida, e se eu quisesse animar por exemplo: pelo tracejado que já está animado, animar ele enviando um "pacote" de comunicação, como seria feito?

[@danieldamasceno8174]

E para exportar este fluxo e postar no linkedin como fazer?!

[@IanMiranda]

Super obrigado por compartilhar. Vlw mesmo 😅👍

[@race_Bannon]

E como eu exporto essa animação? 🤔

[@tatyenneoliveira9457]

É possível copiar para o word e ter animado no word? Da para colocar uma “bolinha” para seguir o caminho do início ao fim? Tipo monstrando o passo a passo?

[@odanrezende]

Oi Tatyenne, acho que em outras ferramentas vc consegue, no draw io acho que não, se existe eu desconheço hahaha…

[@gilbertopsantosjr]

como exportar animado ?

[@odanrezende]

Você pode ir no exportar do draw.io e mandar exportar como HTML.

[@Vitor-rn2sy]

muito bom, pena que ficou na frente da tela onde deveriamos clicar. :(

[@edurodriguesdias]

Em qual curso você ensina a desenhar os diagramas?

[@odanrezende]

Método ADVC: fila.danrezende.com/

[@pabloalmeida368]

Posso animal qualquer ligação, pois tentei seguir seus passos e não ficou animado.

[@odanrezende]

Volta o vídeo, veja se não esqueceu algum passo, fiz bem detalhado o passo a passo ;)

[@pabloalmeida368]

Era a versão mestre, agora deu certo, porém eu preciso mudar sketch style para comic e habilitar o flow animation.@@odanrezende

[@odanrezende]

boaaaa!!! @@pabloalmeida368