Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Inserindo Fotos e Vídeos no Figma: Aprimorando Seus Designs com Mídia | Seção
Essenciais de Layout e Sistemas de Design Digital no Figma

Inserindo Fotos e Vídeos no Figma: Aprimorando Seus Designs com Mídia

Deslize para mostrar o menu

Para adicionar uma imagem, você pode:

  • Clicar no Ícone do Figma → Arquivo → Inserir Imagem;
  • Usar a barra de ferramentas e selecionar em Grupo de ferramentas de Formas → Inserir Imagem;
  • Usar o atalho: Ctrl/Command + Shift + K;

Para inserir uma imagem no Figma, passe o mouse sobre uma forma e clique para preencher a forma com a imagem. Você também pode colocar sobre um texto, arrastar para posicionar manualmente ou clicar para inserir a imagem inteira, mas pode ser necessário redimensioná-la. Para recortar ou ajustar uma imagem, dê um duplo clique segurando Alt/Option ou utilize as opções Painel de Design → Preenchimento → Preenchimento de Imagem.

Ajustar opções de escala

  • Preencher: a imagem preenche a forma;
  • Ajustar: a imagem se ajusta dentro da forma;
  • Cortar: ajustar as dimensões da imagem;
  • Lado a lado: repete a imagem em um layout de grade.

Para copiar uma imagem no Figma, clique com o botão direito e selecioneCopiar/Colar comoCopiar Propriedades ou Colar Propriedades para transferir atributos entre formas. Alternativamente, você pode usar os atalhos de teclado Ctrl/Command + C para copiar e Ctrl/Command + V para colar.

Você também pode modificar as configurações de preenchimento por:

  • Ajustar a opacidade da imagem para um efeito esmaecido;
  • Alterar ou ocultar qualquer cor/imagem de preenchimento;
  • Remover qualquer preenchimento clicando no ícone de menos.

Inserir vídeos no Figma segue um processo semelhante ao de imagens, mas vídeos só podem ser adicionados em planos pagos. Uma vez adicionados, é possível visualizar miniaturas dos vídeos nas configurações de Preenchimento no Painel de Design. Para reprodução completa, alterne para o Modo de Apresentação clicando no ícone "Apresentar" no canto superior direito. Se precisar baixar os arquivos originais (fotos ou vídeos), acesse o Modo Dev (disponível apenas em planos pagos), selecione o objeto e navegue até o Painel de Inspeção. Na Seção de Assets, você encontrará o Botão de Download/Exportação.

question mark

Como você pode copiar uma imagem entre formas no Figma? (Escolha duas)

Selecione todas as respostas corretas

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 15

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 1. Capítulo 15
some-alt