Como editar no Figma

Aprenda a editar designs, texto e componentes no Figma. Este tutorial rápido cobre tudo o que precisa para começar a editar ficheiros do Figma como um profissional.

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

Este guia fornece um processo detalhado para editar uma barra de modelos na sua aplicação de design. Ao seguir estes passos, aprenderá a selecionar, inserir e modificar vários elementos, como formas, texto e imagens.
Além disso, descobrirá como utilizar diferentes opções de edição para personalizar eficazmente o seu design.

A Figma oferece uma interface flexível para editar tudo, desde texto simples a formas vetoriais complexas e componentes. Eis como navegar por diferentes cenários de edição:

1. Edição Básica de Objetos

Selecionar Elementos: Clique para selecionar um objeto ou arraste uma caixa de seleção para selecionar vários itens.
Modificar através da Barra de Ferramentas: Use a barra de ferramentas para alterar preenchimento, traço, tamanho, posição, opacidade e muito mais.
Menu de Clique com o Botão Direito: Clique com o botão direito em qualquer elemento para aceder a opções como agrupar, trazer para a frente, alinhar, etc.

2. Edição de Texto

Duplo Clique ou Enter: Para editar texto, faça duplo clique na caixa de texto ou prima Enter com ela selecionada.
Edição Múltipla de Texto: Selecione várias camadas de texto, depois clique com o botão direito > Selecionar camadas correspondentes > Edição múltipla de texto para as alterar simultaneamente.

3. Edição de Caminhos Vetoriais

Entrar no Modo Vetorial: Selecione uma forma e clique em Editar objeto na barra de ferramentas ou prima Enter.
Editar Pontos de Ancoragem: Use a Ferramenta Mover, a Ferramenta Caneta ou a Ferramenta de Curvatura para manipular pontos e curvas.

4. Edição de Componentes

Componente Principal: Para editar a origem, clique com o botão direito na instância > Ir para o componente principal. As alterações feitas aqui refletir-se-ão em todas as instâncias.
Aplicar Substituições: Modifique uma instância e use Aplicar substituições ao principal para atualizar o componente globalmente.

5. Edição de Imagens

Substituir Imagem: Selecione a imagem e, em seguida, clique em Substituir imagem no painel Design.
Ajustar Definições: Use o painel Propriedades da imagem para ajustar brilho, contraste, saturação, etc.
Rodar ou Cortar: Clique na imagem e use as alças de rotação ou o modo Recortar na barra de ferramentas.

6. Acesso de Edição & Duplicação de Ficheiros

Solicitar Acesso de Edição: Se um ficheiro for apenas de visualização, clique em Solicitar acesso de edição e aguarde aprovação.
Duplicar Ficheiro: Em alternativa, clique no menu de opções do ficheiro (três pontos) > Duplicar para rascunhos para criar a sua própria cópia editável.

Guia Passo a Passo: Como editar no Figma

Passo 1

Comece por abrir um design à sua escolha para editar dentro da barra de modelos.

Begin by opening a design of your choice to edit within the template bar.

Passo 2

Selecione o objeto que pretende editar.

Passo 3

Prossiga para inserir um novo objeto conforme necessário. Tem a opção de inserir várias formas, como retângulos.

Proceed to insert a new object as needed. You have the option to insert various shapes, such as rectangles.

Passo 4

Adicione ou edite texto selecionando a ferramenta de texto.

Add or edit text by selecting the text tool.

Passo 5

Utilize as opções de edição disponíveis para melhorar o seu design - usando as opções de frame, slice e section.

Utilize the available editing options to enhance your design - by using frame, slice and section options.

Passo 6

Pode adicionar imagens ao seu design, de acordo com as suas preferências.

You can add images to your design.a per your preferences.

Passo 7

Explore várias funcionalidades de edição assim que tiver acesso ao design. Este bloco permite uma personalização fácil conforme desejado.

Explore various editing features once you have access to the design. This block allows easy customization as desired.

Passo 8

Este processo proporciona uma abordagem simples para editar um ficheiro Figma. Obrigado por seguir este guia.

This process provides a straightforward approach on how to edit a figma. Thank you for following this guide.

Dicas profissionais para editar no Figma

Selecione o elemento a editar:
Clique no elemento (frame, forma, texto, etc.) que pretende editar. Pode usar a Ferramenta de Seleção (V) para selecionar vários objetos de uma só vez para edições em grupo.
Use o Painel de Camadas:
Use o Painel de Camadas no lado esquerdo para navegar entre diferentes camadas e elementos. Pode ocultar, bloquear ou organizar camadas para um acesso mais fácil enquanto edita.
Edição de texto:
Para editar texto, faça duplo clique na caixa de texto ou selecione o elemento de texto e, de seguida, escreva diretamente no campo de texto. Também pode alterar o tipo de letra, o tamanho, o alinhamento e outras propriedades do texto na barra de ferramentas superior.
Ajustes de formas e cores:
Para formas e vetores, pode editar as respetivas propriedades (por exemplo, cor, contorno, sombra) na barra lateral direita. Ajuste as dimensões, a rotação e a opacidade utilizando as opções disponíveis.
Componentes e estilos:
Para editar um Componente, clique com o botão direito e escolha Editar Componente Principal. As alterações feitas ao componente principal atualizarão todas as suas instâncias no seu design.
Use redes vetoriais para edição precisa:
O Figma permite-lhe editar formas vetoriais utilizando redes vetoriais. Use a Ferramenta Caneta (P) para criar ou modificar caminhos vetoriais, ajustar pontos de ancoragem e aperfeiçoar curvas.

Erros comuns e como evitá-los ao editar no Figma

Editar acidentalmente a camada errada:
Correção: Mantenha as suas camadas bem organizadas e use o Painel de Camadas para localizar e selecionar rapidamente o elemento certo. Bloqueie as camadas que não está a editar no momento para evitar alterações acidentais.
Alterações indesejadas nos componentes:
Correção: Se quiser editar uma instância sem afetar o componente principal, desanexe-a clicando com o botão direito e selecionando Desanexar Instância antes de fazer alterações.
Não utilizar corretamente as restrições:
Correção: Use Restrições para garantir que os elementos redimensionam corretamente quando a frame é redimensionada. Isto é especialmente importante para design responsivo e ao criar layouts para dispositivos móveis.
Complicar demasiado os designs:
Correção: Evite adicionar demasiados elementos ou detalhes desnecessários. Mantenha o seu design simples e funcional, dando prioridade à clareza e à facilidade de utilização.
Esquecer-se de verificar o alinhamento:
Correção: Use guias inteligentes e ferramentas de alinhamento para garantir que os seus elementos estão corretamente alinhados e espaçados. Use a Ferramenta de Alinhamento na barra de ferramentas superior para ajustes precisos.

Perguntas frequentes comuns sobre edição no Figma

Posso editar o meu design do Figma offline?
O Figma é principalmente uma ferramenta baseada na nuvem, o que significa que precisa de uma ligação à internet para editar os seus designs. No entanto, a aplicação de desktop do Figma permite fazer edições limitadas offline, e o seu trabalho será sincronizado quando voltar a ficar online.
Como faço para anular uma edição no Figma?
Pode anular qualquer ação premindo Ctrl + Z (Windows) ou Cmd + Z (Mac). Para refazer, use Ctrl + Shift + Z (Windows) ou Cmd + Shift + Z (Mac).
Posso editar formas vetoriais no Figma?
Sim, o Figma permite edição vetorial completa. Use a Ferramenta Caneta (P) ou a Ferramenta de Seleção Direta para editar caminhos, curvas e pontos de ancoragem.
Como edito uma imagem no Figma?
Faça duplo clique na imagem para recortar ou ajustar o seu tamanho. Também pode aplicar efeitos como sombras, desfocagens ou ajustes de cor usando a barra lateral direita.
Posso editar designs do Figma criados por outra pessoa?
Sim, se tiver acesso de edição ao ficheiro, pode fazer alterações. Se tiver apenas acesso de visualização, terá de pedir permissões de edição.
Como gravar o ecrã no Mac?
Para gravar o ecrã num Mac, pode usar o Trupeer AI. Permite capturar o ecrã inteiro e oferece capacidades de IA, como adicionar avatares de IA, adicionar locução e fazer zoom in e out no vídeo. Com a funcionalidade de tradução de vídeo por IA do 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. O Trupeer AI é uma ferramenta de gravação de ecrã com IA, que ajuda a criar vídeos com vários avatares e também o ajuda 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 de IA avançada como o Trupeer AI para funcionalidades mais avançadas, como avatares de IA, locução, tradução, etc.
Como adicionar locução a um vídeo?
Para adicionar locução a vídeos, descarregue a extensão do Chrome do trupeer ai. Depois de se registar, carregue o seu vídeo com voz, escolha a locução pretendida no trupeer e exporte o vídeo editado.
Como faço zoom numa gravação de ecrã?
Para fazer zoom durante uma gravação de ecrã, use os efeitos de zoom no Trupeer AI, que permitem fazer zoom in e out em momentos específicos, melhorando o impacto visual do conteúdo do seu vídeo.