10 dicas profissionais para usuários do Adobe XD

Questão nº 2, julho de 2019, trabalhando com componentes

uxplanet.org Segue 17 de jul · 3 min ler

Esta é uma série de postagens para usuários do Adobe XD que desejam tornar seu trabalho mais eficiente. Este problema está focado em trabalhar com componentes. Verifique o problema anterior aqui .

1. Convertendo a Seleção em um Componente Reutilizável

Para converter uma seleção em um componente reutilizável, clique no botão + no painel de ativos ou pressione Cmd + K (Mac) ou Ctrl + K (Win) .

2. Aparência da pasta

Quer aplicar estilos de um objeto para outro? Basta copiar o objeto e colar a aparência para aplicar todos os estilos aplicáveis a outro objeto. Para esta ação, você também pode usar os atalhos Opt + Cmd + V (Mac) e Ctrl + Alt + V (Win).

3. Substituindo Estilos de Componentes

Estilos de componentes podem ser substituídos. Alterar estilos em qualquer uma das instâncias para substituí-los; outras alterações nesse estilo específico no componente principal não serão aplicadas. No entanto, todos os outros estilos ainda serão herdados!

4. Destaque na tela

Quer ver onde um determinado componente é usado? Clique com o botão direito do mouse no componente no painel de ativos e selecione " Destaque na tela ". Combine com Zoom para ajustar ( Cmd + 0 Mac, Ctrl + 0 Win) para ver tudo no documento

5. Revelar Componente em Ativos

Se você quiser ver qual componente está associado ao componente que está usando, abra o menu de contexto sobre o objeto e selecione “ Reveal Component in Assets. "

6. Encontre o componente mestre

Se o seu componente mestre não estiver na sua prancheta, você pode dar o foco iniciando o menu de contexto (clique direito / Cmd + clique) e selecionando “Editar componente mestre”. Isso moverá seu foco para o componente mestre, mesmo se está fora de vista.

Nota: Os componentes principais têm um emblema no canto superior esquerdo. Se você editar o componente principal, todos os seus estilos serão propagados para outras instâncias.

7. Redefinir componente principal

Quer redefinir seu componente para que ele corresponda ao seu componente mestre? Clique com o botão direito / Cmd + clique sobre o componente que você deseja atualizar e selecione “ Redefinir para componente mestre ”.

8. Redimensionando Componentes

Os componentes são redimensionados usando o redimensionamento responsivo. Todas as outras propriedades (como cor) são herdadas do componente principal.

9. Componentes de rotação

Os componentes podem ser girados – simplesmente passe para fora de qualquer das alças para ativar o controle de rotação. E você pode manter pressionada a tecla Shift enquanto gira para ajustar a incrementos de 15º.

10. Copiar Interações

No modo Protótipo, você pode copiar um objeto e colar sua interação em outro. Ele ainda funciona para seleção múltipla! Para esta ação, você também pode usar os atalhos Opt + Cmd + V para Mac e Ctrl + Alt + V para Windows.

Esta série é baseada em exemplos criados por Elaine Chao . Siga-a para obter mais dicas sobre como usar o Adobe XD.