Manter proporção do ícone quando trocado

Olá, Elisa. Tudo bem com você?

Pelo que você descreveu e pela imagem fornecida, parece que o problema está ocorrendo porque as restrições de redimensionamento do ícone não estão configuradas corretamente. No Figma, quando você utiliza a funcionalidade "Instance Swap" para trocar um componente por outro, é importante garantir que as restrições de redimensionamento (resize constraints) do ícone estejam definidas para manter a proporção do ícone independente do tamanho do componente pai.

Para corrigir o problema, você pode seguir estes passos:

1. Selecione o ícone dentro do seu componente.
2. Vá até o painel de propriedades à direita, na seção "Constraints" (Restrições).
3. Certifique-se de que as restrições estejam definidas para "Center" (Centralizar) tanto na horizontal quanto na vertical. Isso fará com que o ícone permaneça centralizado dentro do componente.
4. Além disso, verifique se a opção "Scale" (Escala) está ativada. Isso garantirá que o ícone seja redimensionado proporcionalmente.

Se mesmo após esses ajustes o ícone continuar distorcido, pode ser necessário verificar as configurações de "Auto Layout" do componente pai. Certifique-se de que o "Auto Layout" não está forçando o ícone a se esticar ou comprimir de forma inadequada.

Caso o problema persista, uma boa prática é criar os ícones como componentes separados, com as devidas restrições de redimensionamento aplicadas, antes de usá-los em outros componentes. Assim, quando você realizar a troca de instância, o Figma respeitará as restrições originais do ícone.

Espero que essas dicas ajudem a resolver o problema com o redimensionamento dos ícones. Lembre-se de que, às vezes, pode ser necessário experimentar diferentes configurações até encontrar a que funciona melhor para o seu caso específico.

Qualquer dúvida estou à disposição.

Até mais e bons estudos!