Como criar cantos arredondados no Figma

Aprenda a criar cantos arredondados no Figma usando a ferramenta de raio dos cantos. Este guia rápido aborda o ajuste de cantos individuais, a aplicação de curvas uniformes e dicas de atalhos.

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

Guia Passo a Passo: Como Criar Cantos Arredondados no Figma

Passo 1

Selecione o design no Figma ao qual pretende aplicar cantos arredondados.

Select the design in Figma for which you want to apply rounded corners.

Passo 2

Neste menu, localize a secção "Aparência".

In this menu, locate the "Appearance" section.

Passo 3

Clique nela e introduza o valor desejado para o raio dos cantos.

Click on it and enter your desired value for the corner radius.

Passo 4

Após introduzir o valor, clique em qualquer parte do modelo do Figma para aplicar as alterações.

After entering the value, click anywhere within the Figma template to apply the changes.

Passo 5

Verá então os cantos arredondados aplicados ao seu design.

You will then see the rounded corners applied to your design.

Dicas profissionais para criar cantos arredondados no Figma

Abra o seu ficheiro de design
Comece por abrir o Figma e abrir o ficheiro que contém a forma ou elemento que pretende editar.
Selecione o objeto
Clique na forma, frame ou componente que pretende modificar. Pode selecionar vários objetos, se necessário.
Localize a opção de raio do canto
Observe o painel de propriedades do lado direito. Verá um campo com a designação "Corner radius" no separador “Design”.
Introduza um valor específico de raio
Clique no campo "Corner radius" e escreva um número para definir um raio uniforme para todos os cantos. Por exemplo, introduzir “10” aplicará um arredondamento de 10 píxeis a cada canto.
Use as alças de raio do canto
Também pode ajustar os cantos visualmente arrastando as pequenas alças circulares em cada canto da forma selecionada.

Armadilhas comuns e como evitá-las

Forma que não permite editar cantos
Algumas formas, como linhas ou elementos agrupados, podem não suportar edições de raio do canto. Desagrupe-os ou use um retângulo para ter controlo total.
O raio não muda visivelmente
Se o objeto for demasiado pequeno, aplicar um raio grande não mostrará alterações visíveis. Aumente o tamanho da forma ou use um valor de raio menor.
Esquecer-se de desbloquear cantos individuais
Se quiser raios diferentes por canto, mas se esquecer de desbloquear a definição, todos os cantos ficarão iguais.
Exagerar no raio do canto
Raios de canto muito grandes podem distorcer a forma ou entrar em conflito com o design geral. Mantenha-o proporcional.
Conflitos de Auto Layout
Alguns elementos aninhados de Auto Layout podem repor ou substituir os valores do raio do canto. Ajuste cuidadosamente a estrutura do frame.

FAQs comuns sobre como criar cantos arredondados no Figma

Posso arredondar apenas um canto de uma forma?
Sim, ao clicar no ícone de raio de canto independente, pode atribuir valores diferentes a cada canto.
Existe um atalho para aplicar o raio de canto?
Não existe um atalho de teclado que aplique o raio diretamente, mas pode usar o painel de propriedades ou as alças dos cantos para ajustes rápidos.
Posso usar cantos arredondados em imagens?
Sim, selecione a imagem e depois aplique um raio de canto tal como em qualquer outra forma.
O raio de canto aplica-se a componentes?
Sim, pode arredondar os cantos de componentes, e as alterações serão aplicadas a todas as instâncias, a menos que sejam substituídas.
Como repor o raio de canto?
Volte a definir o valor do raio para “0” no painel de propriedades para recuperar cantos vivos.
Como gravar o ecrã num Mac?
Para gravar o ecrã num Mac, pode usar o Trupeer AI. Permite-lhe capturar o ecrã inteiro e disponibiliza 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 com IA do trupeer, pode traduzir o vídeo para mais de 30 idiomas.
Como adicionar um avatar de IA a uma 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 o 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 Jogo incorporada (Windows + G) ou uma ferramenta avançada de IA 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 inscrever, carregue o seu vídeo com voz, escolha a locução pretendida no trupeer e exporte o vídeo editado.
Como faço zoom in numa gravação de ecrã?
Para ampliar durante uma gravação de ecrã, use os efeitos de zoom no Trupeer AI, que permitem ampliar e reduzir em momentos específicos, melhorando o impacto visual do conteúdo do seu vídeo.