Animação automática

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

Disponível no macOS e no Windows

Crie designs com animações

Acrescente movimentos fazendo iterações com a animação automática. 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 a animação automática 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 “Animação automática” 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.

Pronto para começar?

Baixe o plano Inicial do Adobe XD gratuitamente. Disponível no macOS e no Windows.