Auto-Animate

Movimentos e animações na experiência do usuário com muita facilidade.

Crie designs com animações.

Acrescente movimentos fazendo iterações com o Auto-Animate. Adicione efeitos de movimento, interações divertidas, feedback visual e transições suaves, sem precisar de programação nem de várias ferramentas. Passe direto pela curva de aprendizado e crie animações como um profissional com um só clique.

Fluxos de usuário perfeitos, como devem ser

Arraste fios para conectar pranchetas e deixe que o Auto-Animate cuide das transições.

Interatividade e movimentos modernos

Combine-os com estados de componentes e adicione interações como “passar o mouse” e “alternar”, “rolar e deslizar”, “puxar para atualizar” e muito mais.

Impressione usuários em todas as telas

Mantenha-os envolvidos com guias de integração, sequências de carregamento e ícones animados cativantes.

Como funciona.

1

Arraste um fio para conectar duas pranchetas.

Você também pode fazer transições entre um componente e um estado de componente, como “passar o mouse” ou “alternar”.

Selecione “Auto-Animate” como ação.

Ajuste e faça transições como quiser. Você também pode selecionar um acionador, como “tocar”, “arrastar” ou “tempo”.

Visualize seu protótipo.

Visualize seu protótipo. Clique no ícone de reprodução para visualizar seu protótipo. Acione a transição e veja sua animação ganhar vida.

Aprimore, explore e saiba mais

Tenha as dicas, as ferramentas e os tutoriais gratuitos para dominar o XD.