Como ligar páginas no Figma

Aprenda a ligar páginas no Figma utilizando funcionalidades de prototipagem. Este guia passo a passo mostra-lhe como criar navegação interativa entre frames ou páginas.

Crie vídeos e documentação de produto impressionantes com IA

Este tutorial foi criado com o Trupeer em menos de 5 minutos

Crie gratuitamente

Ligação para outra página no Figma:

Selecione o elemento: Escolha o objeto (texto, forma, etc.) que pretende usar como ligação.
Abra o separador Protótipo: Na barra lateral direita, mude do separador Design para o separador Protótipo.
Crie a interação: Clique e arraste o nó circular (manípulo de interação) do elemento selecionado para o frame de destino na página pretendida.
Configure os detalhes da interação: Na pequena caixa de definições, defina a interação "Ao clicar" para "Navegar para" e selecione a página de destino.
Teste a sua ligação: Clique no ícone "Apresentar" para entrar no modo de protótipo e testar a ligação.

Guia Passo a Passo: Como Ligar Páginas no Figma

Passo 1

No menu do lado esquerdo, verá a opção Páginas. Abaixo disso, verá o nome do design.

From the left side menu, you will see the Pages option. Under that, you will see the design name.

Passo 2

Depois selecione o texto,

Passo 3

No menu do lado direito, clique na opção de ligação.

From the right side menu, Click on the link option.

Passo 4

Depois introduza o texto ou a ligação.

Passo 5

Quando terminar, basta tocar no modelo de slider específico.

Once done, just tap on the particular slider template.

Passo 6

Agora verá que o texto está ligado.

Dicas profissionais para ligar páginas no Figma

Abrir o seu ficheiro de design
Comece por abrir o Figma e o ficheiro onde pretende ligar páginas ou quadros para navegação.
Criar ou identificar os seus quadros
Cada ecrã ou página que pretende ligar deve estar dentro do seu próprio quadro. Certifique-se de que os quadros têm nomes claros para facilitar a seleção durante a ligação.
Selecionar o elemento para adicionar uma ligação
Clique num botão, texto ou qualquer outro elemento interativo que pretenda usar como gatilho da ligação.
Entrar no modo Protótipo
No canto superior direito, mude do separador “Design” para o separador “Prototype”. Isto permite criar ligações interativas.
Arrastar o nó para o quadro de destino
Verá um nó circular na extremidade direita do elemento selecionado. Arraste-o para o quadro para o qual pretende fazer a ligação. Isto irá criar uma linha de ligação.

Erros comuns e como evitá-los

Arrastar a ligação para a camada errada
Certifique-se de que está a ligar a um quadro, e não a um grupo ou a uma forma. Só os quadros podem servir de destino em protótipos.
Não é possível ligar entre páginas
O Figma não suporta a ligação direta entre páginas diferentes. Mova temporariamente os quadros para a mesma página, ligue-os e depois reposicione-os, se necessário.
Fluxo de navegação confuso
Se tiver demasiadas ligações sobrepostas, use setas, anotações ou um fluxograma para ajudar os colaboradores a acompanhar a navegação.
Ligações de protótipo ausentes nas exportações
As ligações de protótipo não aparecem nas exportações em PDF ou de imagem. Use o modo “Present” do Figma ou partilhe um link em direto para pré-visualizações interativas.
Alterações não refletidas
Se as ligações não funcionarem no modo de apresentação, atualize o separador de pré-visualização ou verifique novamente se os quadros foram acidentalmente desvinculados.

FAQs comuns sobre ligar páginas no Figma

Posso ligar um frame a outro no Figma?
Sim, use o modo Prototype para ligar elementos interativos aos frames de destino para uma navegação fluida.
Como faço a ligação entre diferentes páginas no Figma?
Tem de mover o frame de destino temporariamente para a mesma página, ligá-lo e depois voltar a movê-lo.
Posso adicionar transições entre páginas ligadas?
Sim, ao ligar, escolha uma animação como “Dissolve”, “Smart Animate” ou “Move In” para criar transições suaves.
Como faço para pré-visualizar os links?
Clique no botão “Present” no canto superior direito para ver o seu design interativo e testar todos os links de navegação.
É possível voltar a ligar a um frame anterior?
Sim, crie uma interação separada noutro elemento e ligue-a de volta ao frame anterior usando as mesmas ferramentas de protótipo.
O sublinhado funciona para texto dentro de componentes?
Sim, sublinhar funciona da mesma forma dentro de componentes. Certifique-se apenas de que está a editar a camada de texto correta.
Como gravar o ecrã no Mac?
Para gravar o ecrã num Mac, pode usar a Trupeer AI. Permite capturar todo o ecrã e oferece capacidades de IA como adicionar avatares de IA, adicionar narração e aproximar e afastar no vídeo. Com a funcionalidade de tradução de vídeo por IA da trupeer, pode traduzir o vídeo para mais de 30 idiomas.
Como adicionar um avatar de IA à gravação de ecrã?
Para adicionar um avatar de IA a uma gravação de ecrã, terá de usar uma ferramenta de gravação de ecrã com IA. A Trupeer AI é uma ferramenta de gravação de ecrã com IA, que o ajuda a criar vídeos com vários avatares e também a criar o seu próprio avatar para o vídeo.
Como gravar o ecrã no Windows?
Para gravar o ecrã no Windows, pode usar a Barra de Jogos integrada (Windows + G) ou uma ferramenta avançada de IA como a Trupeer AI para funcionalidades mais avançadas, como avatares de IA, narração, tradução, etc.
Como adicionar narração a um vídeo?
Para adicionar narração a vídeos, descarregue a extensão Chrome da trupeer ai. Depois de se registar, carregue o seu vídeo com voz, escolha a narração desejada da trupeer e exporte o seu vídeo editado.
Como posso ampliar numa gravação de ecrã?
Para ampliar durante uma gravação de ecrã, use os efeitos de zoom na Trupeer AI, que permitem ampliar e reduzir em momentos específicos, melhorando o impacto visual do conteúdo do seu vídeo.