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 frames.

Para criar um componente

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

Componentes principais

Componentes principais são exibidos 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, utilize Enviar alterações para o componente principal no painel de Design.

Desanexar uma instância

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

Restaurar um componente principal excluído

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

Compartilhamento de componentes

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