Quem pode usar esse recurso
Disponível em todos os planos
Os usuários com acesso de editor a um arquivo podem criar e editar links
Usuários com acesso para visualizar um arquivo podem apenas seguir links
Links em texto também funcionam em protótipos. Saiba como começar a criar protótipos.
Adicione links a qualquer camada de texto dentro do seu arquivo de design para:
- Direcionar colaboradores para sites externos, como documentação e ferramentas de gestão de projetos
- Criar navegação dentro de um arquivo grande do Figma para quadros e páginas específicas
- Link para outros arquivos e protótipos no Figma
- Representar links reais que existirão na produção
Nota: Atualmente não é possível adicionar links a imagens ou objetos vetoriais no editor, apenas ao criar áreas interativas de protótipo. Vincular a clientes de email padrão usando HTML como mailto: não é suportado no momento.
Criar um link
Você pode adicionar um link a uma camada de texto inteira ou a uma seleção de texto dentro da camada. Selecione a camada de texto, depois pressione a tecla Enter para editar a camada de texto e fazer sua seleção.
Do painel de propriedades
- Faça sua seleção.
- Clique em Criar link no painel de propriedades.
- Digite ou cole um URL na caixa de entrada fornecida acima do texto selecionado.
- Pressione Enter para aplicar o link.
Use o atalho de teclado
- Faça sua seleção.
- Use o atalho de teclado para abrir a caixa de entrada de link acima do texto selecionado:
- Mac: ⇧ Shift ⌘ Command U
- Windows: Shift Ctrl U
- Digite ou cole um URL na caixa de entrada.
- Pressione Enter para aplicar o link.
Use colar no lugar
Adicione links diretamente ao texto sem usar a caixa de entrada de link.
- Faça sua seleção.
- Cole uma URL da sua área de transferência usando o atalho de teclado:
- Mac: Command V
- Windows: Control V
Se você quiser exibir o URL completo na página, use o atalho de teclado para colar duas vezes - uma para colar como texto e outra para transformá-lo em um link.
Saiba mais sobre como os links funcionam em nosso arquivo do playground.
Dica: Para adicionar um URL ou um email sem criar um link, use o atalho de teclado:
- Mac: ⌘ Command Shift V
- Windows: Control Shift V
Copiar link para um arquivo, página ou quadro
Crie links de navegação para páginas e quadros dentro de um grande arquivo, ou faça link para outros arquivos e protótipos do Figma.
Arquivo
Para copiar um link para um arquivo:
- Abra o arquivo.
- Clique no botão Compartilhar.
- No modal de compartilhamento, defina quaisquer permissões de compartilhamento de link.
- Clique Copiar link para copiar a URL para a sua área de transferência.
Protótipo
Para copiar um link para um protótipo:
- Abra o arquivo.
- Clique em Apresentar para abrir o protótipo no modo de apresentação.
- Clique no botão Compartilhar Protótipo e defina quaisquer permissões de compartilhamento de link.
- Clique em Copiar link para copiar o URL para a sua área de transferência.
Página
Para copiar um link para uma página:
- Abra o painel de camadas e expanda a lista de páginas.
- Clique com o botão direito no nome da página e selecione Copiar link para a página.
Quadro
Para copiar um link para um quadro:
- Clique com o botão direito no quadro na tela de trabalho ou no painel de camadas.
- Vá para Copiar/colar como > copiar link.
Depois de copiado, você pode criar uma camada de texto e usá-la como um link para uma página, arquivo, quadro ou protótipo.
Dica! Se você estiver usando o Figma no navegador, pode copiar um link para o objeto selecionado da barra de endereço do navegador.
Interaja com links
Visualizar ou seguir um link
Para visualizar um link de URL, passe o mouse sobre o texto com link.
Para seguir um link, clique no texto vinculado. O que acontece quando você segue o texto vinculado depende do tipo de link:
- Arquivos Figma Design ou FigJam: Links do arquivo para outros arquivos Figma, protótipos, quadros ou páginas serão abertos em uma nova aba.
- Página ou quadro no arquivo atual: O Figma leva você à página ou quadro no arquivo atual.
- Site externo: Todos os links externos abrem em uma nova aba no seu navegador. Se for a primeira vez que você abre um link, será necessário confirmar que você está saindo do Figma.
Para impedir que um link seja aberto ao clicar nele, mantenha pressionado ⌘ Command ou Control enquanto clica.
Nota: Se você estiver no modo de edição de texto, você precisará passar o mouse sobre o texto vinculado e clicar na URL do modal de link.
Editar ou exclua um link
- Clique duas vezes no texto vinculado para entrar no modo de edição de texto.
- Clique ou passe o mouse sobre o texto vinculado para abrir o modal de link.
- Clique em Editar.
- Atualize a URL, ou exclua a URL para remover o link.
Nota: Se você der um duplo clique em um texto vinculado e o botão Editar não estiver disponível, isso significa que a camada está bloqueada. Saiba como bloquear e desbloquear camadas →
Links de estilo
Você pode estilizar o texto vinculado como faria com qualquer outra camada de texto. Seja aplicando estilos de texto ou ajustando propriedades do texto, como sublinhado, fonte ou cor.
Links têm estilo sublinhado por padrão. Use o atalho de teclado para remover o sublinhado:
- Mac: Command U
- Windows: Control U
Saiba mais sobre editar e estilizar texto no Figma.