{"id":115213,"date":"2023-09-17T08:12:16","date_gmt":"2023-09-17T11:12:16","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/como-cortar-imagens-no-figma-um-guia-passo-a-passo-para-designers-brasileiros\/"},"modified":"2023-09-17T08:12:16","modified_gmt":"2023-09-17T11:12:16","slug":"como-cortar-imagens-no-figma-um-guia-passo-a-passo-para-designers-brasileiros","status":"publish","type":"post","link":"https:\/\/fluency.io\/br\/blog\/como-cortar-imagens-no-figma-um-guia-passo-a-passo-para-designers-brasileiros\/","title":{"rendered":"Como Cortar Imagens no Figma: um Guia Passo a Passo para Designers Brasileiros"},"content":{"rendered":"

<\/p>\n

Como cortar imagens no Figma<\/h1>\n

Passo 1: Importando a imagem<\/h2>\n

Antes de come\u00e7ar a cortar a imagem no Figma, \u00e9 necess\u00e1rio import\u00e1-la para a plataforma. Para fazer isso, basta arrastar e soltar o arquivo de imagem na \u00e1rea de trabalho do Figma ou clicar em “Importar” e selecionar o arquivo desejado. Certifique-se de que a imagem esteja na resolu\u00e7\u00e3o desejada antes de import\u00e1-la.<\/p>\n

Passo 2: Selecionando a ferramenta de corte<\/h2>\n

Ap\u00f3s importar a imagem, \u00e9 hora de selecionar a ferramenta de corte no Figma. No painel de ferramentas, voc\u00ea encontrar\u00e1 a op\u00e7\u00e3o “Recorte” ou “Crop”. Clique nessa op\u00e7\u00e3o para ativ\u00e1-la e prepare-se para come\u00e7ar a cortar a imagem.<\/p>\n

Passo 3: Definindo a \u00e1rea de corte<\/h2>\n

Agora que a ferramenta de corte est\u00e1 ativada, voc\u00ea pode definir a \u00e1rea de corte desejada. Basta clicar e arrastar os pontos de controle ao redor da imagem para ajustar o tamanho e a forma do recorte. Se voc\u00ea deseja manter uma propor\u00e7\u00e3o espec\u00edfica, segure a tecla “Shift” enquanto redimensiona a \u00e1rea de corte.<\/p>\n

Passo 4: Finalizando o corte<\/h2>\n

Depois de definir a \u00e1rea de corte, \u00e9 hora de finalizar o processo. Clique fora da \u00e1rea de corte para aplicar as altera\u00e7\u00f5es. A parte da imagem fora da \u00e1rea de corte ser\u00e1 removida e voc\u00ea ter\u00e1 a imagem cortada conforme desejado.<\/p>\n

Um guia passo a passo para designers brasileiros<\/h2>\n

Agora que voc\u00ea aprendeu como cortar imagens no Figma, vamos aprofundar um pouco mais e fornecer um guia passo a passo completo para designers brasileiros. Este guia abordar\u00e1 algumas dicas e truques adicionais para tornar o processo de corte de imagens ainda mais eficiente.<\/p>\n

1. Use a grade de alinhamento<\/h3>\n

A grade de alinhamento do Figma pode ser uma ferramenta \u00fatil ao cortar imagens. Ela ajuda a garantir que o recorte esteja alinhado corretamente e segue as diretrizes de design. Para ativar a grade de alinhamento, v\u00e1 para o menu “Visualiza\u00e7\u00e3o” e marque a op\u00e7\u00e3o “Mostrar grade de alinhamento”.<\/p>\n

2. Ajuste de opacidade<\/h3>\n

Em alguns casos, pode ser necess\u00e1rio ajustar a opacidade da imagem antes de realizar o corte. Isso pode facilitar a visualiza\u00e7\u00e3o da \u00e1rea de corte desejada, especialmente quando h\u00e1 sobreposi\u00e7\u00e3o de elementos. Para ajustar a opacidade, selecione a imagem e v\u00e1 para o painel de propriedades. L\u00e1, voc\u00ea encontrar\u00e1 a op\u00e7\u00e3o de ajustar a opacidade da imagem.<\/p>\n

3. Recortes personalizados<\/h3>\n

Al\u00e9m de cortar imagens em formas b\u00e1sicas, o Figma tamb\u00e9m oferece a op\u00e7\u00e3o de criar recortes personalizados. Isso permite que voc\u00ea crie recortes em formas complexas, como logotipos ou ilustra\u00e7\u00f5es personalizadas. Para criar um recorte personalizado, selecione a imagem e, em seguida, escolha a op\u00e7\u00e3o “Recorte” no painel de ferramentas. Em seguida, clique e arraste para criar um recorte personalizado.<\/p>\n

Pr\u00e1ticas recomendadas para cortar imagens no Figma<\/h2>\n

Ao cortar imagens no Figma, \u00e9 importante seguir algumas pr\u00e1ticas recomendadas para garantir resultados de alta qualidade. Aqui est\u00e3o algumas dicas adicionais para ajud\u00e1-lo a aprimorar suas habilidades de corte de imagens:<\/p>\n