Componentes

Elementos de UI reutilizáveis que garantem consistência e permitem atualizações rápidas em projetos de design. Componentes podem ser criados a partir de camadas, grupos ou quadros.

Para criar um componente

Selecione um quadro ou elemento, clique com o botão direito e escolha Criar Componente ou use o atalho Ctrl + Alt + K (Windows) ou Cmd + Option + K (Mac).

Componentes principais

Componentes principais são mostrados em roxo no painel de Camadas e identificados por um ícone de diamante quádruplo.

Instâncias

Instâncias são duplicatas do componente principal, identificadas por um ícone de diamante único. Para criar uma instância, arraste do painel de Ativos, duplique o principal (Ctrl/Cmd + D), ou copie e cole.

Alterações e substituições

Alterações no componente principal atualizam automaticamente todas as suas instâncias. Substituições, como mudanças de cor ou texto, afetam apenas a instância. Para redefinir substituições, clique com o botão direito em uma instância e selecione Redefinir todas as alterações. Para aplicar as alterações de uma instância ao principal, use Enviar alterações para o componente principal no painel de Design.

Desanexar uma instância

Para desanexar uma instância de seu principal e torná-la independente, clique com o botão direito e selecione Desanexar instância, vá para o painel de Design e selecione Desanexar instância, ou use o atalho Ctrl + Alt + B (Windows) ou Cmd + Option + B (Mac).

Restaurar um componente principal excluído

Selecione uma instância, vá para o painel de Design e clique em Restaurar componente.

Compartilhando componentes

Componentes são salvos localmente por padrão. Para compartilhá-los, clique com o botão direito em um componente principal e selecione Publicar componentes selecionados, ou mova o componente para um projeto de equipe para que outros possam acessá-lo.