Para adicionar ícones no Figma, você pode usar a biblioteca de ícones integrada ou importar seus próprios ícones personalizados.

Usando a biblioteca de ícones integrada

1. Selecione a moldura ou objeto ao qual deseja adicionar o ícone.
2. Clique na aba “Ícones” na barra lateral esquerda.
3. Navegue pelos ícones disponíveis e clique naquele que deseja adicionar.
4. O ícone será adicionado ao quadro ou objeto selecionado.

Importando ícones personalizados

1. Baixe o arquivo SVG do ícone que deseja importar.
2. Arraste e solte o arquivo SVG na tela do Figma.
3. O ícone será importado como um componente.
4. Agora você pode arrastar e soltar o componente em qualquer quadro ou objeto.

Personalização de ícones

Depois de adicionar um ícone ao seu design, você pode personalizá-lo alterando sua cor, tamanho ou rotação.

Para alterar a cor de um ícone, basta selecioná-lo e clicar na amostra de cores “Preencher” na barra lateral esquerda. Você pode então escolher uma nova cor no seletor de cores.

Para alterar o tamanho de um ícone, selecione-o e arraste as alças da caixa delimitadora. Você também pode digitar um valor de tamanho específico nos campos “Largura” e “Altura” na barra lateral esquerda.

Para girar um ícone, selecione-o e clique no ícone “Rotação” na barra lateral esquerda. Você pode então digitar um valor de rotação específico no campo “Ângulo”.

Usando ícones em protótipos

Você também pode usar ícones em protótipos para criar botões e links interativos.

Para criar um botão interativo, basta adicionar um ícone a um quadro e clicar na guia “Interações” na barra lateral esquerda. Na seção "Ao clicar", selecione a opção "Navegar para" e escolha o quadro ao qual deseja vincular o botão.

Para criar um link interativo, basta adicionar um ícone a um objeto de texto e clicar na aba “Interações” na barra lateral esquerda. Na seção “Ao clicar”, selecione a opção “Abrir URL” e insira o URL que deseja que o link abra.