Como adicionar ícones ao Figma

Nenhuma interface de usuário estaria completa sem ícones e a forma silenciosa como eles comunicam de forma tão eficaz que as palavras mal conseguem transmitir. Portanto, não é surpreendente que eles sejam uma característica importante do Figma.

Quer aprender como adicionar ícones a este aplicativo para tornar seu design mais intuitivo? Aqui está tudo o que você precisa saber.

Adicionando ícones ao Figma

Existem dois métodos principais para adicionar ícones ao Figma. Você pode carregar e arrastar ícones para o seu Figma ou facilitar o processo instalando um plugin.

Adicionar ícones baixados

Você encontrou o ícone perfeito na web e precisa dele em seu local de trabalho? Basta baixar o arquivo e arrastá-lo para o programa. Se você precisar importar muitos arquivos, selecione-os antes de arrastar ou use o menu apropriado.

• Clique no ícone quadrado na barra de ferramentas Figma.

• Clique em “Colocar imagem…”

• Selecione os arquivos que deseja importar. Clique e arraste o cursor na área de trabalho para colocar os ícones. Certifique-se de manter pressionado o botão Shift para manter a proporção original da imagem.

Instalar plugin

A segunda (e possivelmente mais produtiva) maneira de adicionar ícones ao Figma é instalar um plugin. Os plugins do Figma são extensões que adicionam ainda mais funcionalidades ao aplicativo. Alguns deles facilitarão seu fluxo de trabalho, enquanto outros podem ser usados ​​para adicionar elementos de design. O recurso de plug-in está disponível para todos os usuários, independentemente do plano Figma.

Você pode encontrar os plugins navegando na página da comunidade Figma. Acesse esta página de duas maneiras:

• Vá diretamente para a página da comunidade em um navegador.
• Clique com o botão direito do mouse no aplicativo Figma e selecione “Procurar plug-ins da comunidade”.

Selecione a tag Plugin ou Icon na parte superior da página e você poderá navegar por um grande número de opções. Arquivos com um ícone de caneta azul ou meio azul, meio roxo serão compatíveis com o Figma.

Depois de encontrar o plugin que você gosta, instale-o simplesmente clicando no botão azul “Instalar”. O plugin será adicionado ao seu Figma e você poderá começar a usar ícones. A instalação do plug-in irá vinculá-lo à sua conta para que você também possa acessá-lo de contas conectadas.

Veja como encontrar seus plugins no Figma:

• Abra o aplicativo de desktop Figma ou faça login em um navegador.

• Clique no ícone Figma no canto superior esquerdo.

• Encontre a opção “Plugins”.

• Selecione o plugin que você acabou de baixar. Ele será aberto em uma pequena janela.

Cada plugin é diferente; alguns vão oferecer mais opções do que outros. Normalmente, você pode encontrar o ícone desejado na janela do plug-in. Para adicionar um ícone à área de trabalho, basta arrastá-lo e soltá-lo.

Como adicionar ícones de mídia social ao Figma

Se você deseja adicionar ícones de mídia social ao design do Figma, pode baixar um plug-in de ícone que inclui logotipos de mídia social. Como alternativa, você pode pesquisar ícones de mídia social especificamente na página da comunidade Figma, onde encontrará arquivos de ícones criados por outros usuários do Figma. Você pode duplicar e editar esses arquivos. Veja como:

• Clique com o botão direito do mouse na área de trabalho do Figma e selecione “Comunidade” ou vá diretamente para a página da comunidade do Figma .

• Digite “ícones de mídia social” na barra de pesquisa.

• Revise os resultados da pesquisa e verifique se você selecionou um arquivo compatível com o Figma. Passe o mouse sobre a miniatura para ver um pequeno ícone no canto. Um ícone azul ou semi-azul, semi-roxo indica compatibilidade.

• Abra a postagem e clique no ícone azul “Obter uma cópia”.

• Clique na conta à qual você deseja adicionar ícones na lista suspensa. Isso adicionará o arquivo à pasta de rascunhos e copiará os ícones desejados do rascunho para o arquivo em que você está trabalhando.

Você pode alterar os arquivos para se adequar ao seu design e até compartilhá-los mais tarde. No entanto, lembre-se de que estes não são arquivos públicos e aja de acordo.

Perguntas frequentes

Em que formato de arquivo devo carregar meus ícones do Figma?

O Figma pode importar uma grande variedade de formatos de arquivo, mas quando se trata de ícones, certifique-se de selecionar o formato SVG. Este formato de arquivo oferece a flexibilidade dos ícones, pois são totalmente personalizáveis. Você pode alterar seu tamanho, cor, estilo e até mesmo forma. Você também pode usar outros formatos se o SVG não estiver disponível para o arquivo escolhido – por exemplo, arquivos de imagem como PNG também funcionarão. No entanto, eles são mais limitados e ocupam muito mais espaço, portanto, use SVG sempre que possível.

Onde posso encontrar ícones baixados no Figma?

A localização dos ícones do Figma depende de como você os carregou.

• Se você baixou um único arquivo, procure-o em sua pasta normal de downloads.

• Se você instalou o plugin Figma, você encontrará seus ícones da seguinte forma:

1. Clique no ícone Figma na barra de menu do aplicativo e selecione Plugins.

2. O plugin baixado aparecerá no menu suspenso.

• Se você duplicou um conjunto de ícones, seus ícones estarão nos rascunhos do Figma.

1. Abra o aplicativo Figma e certifique-se de selecionar seu perfil.

2. Clique em Rascunhos na barra lateral esquerda para encontrar novos ícones.

Adicione ícones de maneira fácil

Um conjunto consistente de ícones é fundamental para um design bem-sucedido. Felizmente, os plugins e pacotes de ícones da comunidade Figma facilitam a consistência. Você também pode usar outros recursos para encontrar ícones e simplesmente arrastá-los e soltá-los em seu espaço de trabalho.

Você já encontrou seus ícones favoritos do Figma? O que você recomendaria? Deixe-nos saber nos comentários abaixo.