As propriedades de componentes no Figma permitem a criação de elementos personalizáveis dentro dos componentes, facilitando a reutilização e adaptação de designs em diferentes projetos. Existem três principais tipos de propriedades de componentes:

1. Propriedade de Troca de Instância

Esta propriedade permite trocar componentes aninhados, como ícones, dentro do componente principal. Ícones ou valores pré-selecionados podem ser adicionados para facilitar a personalização.

Para criar esta propriedade:

• Selecione as instâncias que deseja trocar.
• Utilize a opção Criar Propriedade de Troca de Instância no painel Design.

2. Propriedade Booleana

A propriedade booleana permite alternar elementos ativados ou desativados, como exibir ou ocultar ícones ou textos.
Por exemplo, uma propriedade chamada "Possui Ícone à Esquerda?" pode controlar a visibilidade de um ícone no lado esquerdo de um botão. Esta propriedade é adicionada na seção Aparência.

3. Propriedade de Texto

A propriedade de texto permite alterar o texto dentro de um componente diretamente pelo painel Design.

Para criar esta propriedade:

• Selecione o elemento de texto.
• Utilize o ícone Aplicar Propriedade ou Variante no canto superior direito do painel Design para criar a propriedade.

Essas propriedades podem ser reordenadas no painel Design para melhor organização. Alterações feitas nas propriedades, como alternar uma propriedade booleana, ajustam automaticamente outras propriedades relacionadas para garantir funcionalidade contínua. Testar todas as propriedades criando uma instância do componente garante adaptabilidade para projetos futuros.

As propriedades de componentes aumentam significativamente a eficiência na construção e gestão de componentes reutilizáveis, como bibliotecas de botões, economizando tempo e garantindo consistência no design.