Como adicionar um hiperlink no Figma

Um dos recursos mais úteis da ferramenta de design colaborativo Figma é a possibilidade de adicionar hiperlinks. Com esse recurso, conectar páginas online fica fácil. Os hiperlinks tornam o site fácil de navegar. Os links dão aos visitantes do site acesso direto a recursos essenciais e páginas de destino, entre outras informações.

Independentemente de você estar tentando aprender como adicionar links a ícones e texto ou inserir hiperlinks em geral, este artigo irá guiá-lo. Continue lendo para se familiarizar com os vários métodos que você pode usar para conseguir isso.

Criação de hiperlink usando ícone

Este é um dos tipos de links mais comuns que você pode usar no Figma. Aqui, o ícone Link é usado para adicionar um link de texto. Essas etapas não funcionarão em imagens.

1. Utilizando o texto de uma página, destaque o texto que deseja vincular a outra página clicando no início da seção e arrastando sobre ele.
   
2. Após destacar o texto, clique no ícone “Link” na barra de ferramentas na parte superior da área de trabalho. Fazer isso cria uma caixa acima da palavra ou palavras destacadas.
   
3. Em uma guia diferente, abra a página da web que deseja vincular e copie seu URL, primeiro destacando-a e pressionando “Command” + “C” no Mac ou “Control” + “C” no Windows.”
   
4. Vá para a caixa URL acima da caixa destacada e clique dentro dela.
   
5. Pressione “Command” + “V” no Mac ou “Control” + “V” no Windows. Isso permite que você cole seu URL na caixa.
   
6. Clique em um espaço vazio da página ou pressione “Enter” para adicionar o link ao texto. Uma linha aparecerá abaixo da palavra. Quando os usuários clicarem nessa palavra, eles serão direcionados para o endereço do link.
   

Use um atalho de teclado para criar links

Este é o segundo método que você pode usar para criar um link Figma. Você pode usar o método de atalho do teclado para adicionar links em texto, mas não em imagens.

1. Selecione o texto ou palavra que deseja servir como link.
   
2. Use estes atalhos para criar uma caixa sobre a palavra ou texto destacado.
   
   • Pressione “Control” + “K” em dispositivos Windows.
   • Pressione “Command” + “K” em dispositivos Mac.
3. Cole o URL desejado na caixa.
   
4. Pressione o botão “Enter” para criar o hiperlink.
   

Utilize o painel de protótipo para criar seu hiperlink

Este método pode ser usado tanto em imagens quanto em texto. É uma opção ideal para vincular uma imagem como nos ícones das redes sociais.

1. Selecione seu texto ou imagem clicando primeiro nele.
   
2. Vá para o painel “Propriedades” e abra “Protótipo”.
   
3. No menu Protótipo em “Interações”, selecione a interação atual, se houver alguma disponível. Se não houver, clique no ícone “+” para adicionar um.
   
4. Ajuste as configurações de interação para adicionar um link com sucesso:
   
   • Defina a interação como “Ao clicar”.
   • A ação deve então ser definida como “Abrir link”.
   • Cole seu link na caixa de URL.
   • Marque a opção “Abrir em nova aba” para abrir uma nova aba quando um usuário tocar no link.
5. Saia do painel de protótipo para adicionar a imagem ou link de texto. Isso não muda a imagem. No entanto, quando o design é visualizado na guia “Apresentar”, o cursor muda conforme você passa o mouse sobre a imagem. Se a imagem for clicada, o link que você adicionou será aberto.
   

Editar ou excluir hiperlinks Figma

Se achar que um link não funciona ou quiser descartá-lo, você pode editá-lo ou excluí-lo. Para editar seu link:

1. Passe o mouse sobre o texto do link usando o mouse para abrir o modal do link.
   
2. Selecione a opção “Editar” ao lado do modal para editar o endereço.
   
3. Faça as alterações conforme necessário e saia.
4. Para excluir, desmarque a caixa do link. Isso exclui totalmente o seu URL e o texto não está mais vinculado.
   

Aumente a acessibilidade adicionando hiperlinks no Figma

Os hiperlinks no Figma facilitam a navegação dos usuários pelo conteúdo. Seus links podem enviar os usuários para outros arquivos, páginas, frames ou protótipos Figma. Os links também podem ser conectados a sites externos e direcionar você para novas guias do navegador. Existem várias maneiras de adicionar hiperlinks e as etapas descritas acima devem ser simples.

Você já tentou adicionar hiperlinks no Figma? Como foi a experiência? Deixe-nos saber na seção de comentários abaixo.