Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Inserção de Fotos e Vídeos no Figma: Aprimorando Seus Designs com Mídia | Criando Visuais no Figma
Design de UI/UX com Figma

bookInserção de Fotos e Vídeos no Figma: Aprimorando Seus Designs com Mídia

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;
  • Utilizar 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. Também é possível inserir sobre um texto, arrastar para posicionar manualmente ou clicar para inserir a imagem inteira, podendo ser necessário redimensioná-la. Para recortar ou ajustar uma imagem, dê um duplo clique segurando Alt/Option ou utilize as opções em 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, utilize os atalhos Ctrl/Command + C para copiar e Ctrl/Command + V para colar.

Também é possível 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.

A inserção de vídeos no Figma segue processo semelhante ao das imagens, porém vídeos só podem ser adicionados em planos pagos. Após adicionar, é possível visualizar miniaturas do vídeo nas configurações de Preenchimento no Painel de Design. Para reprodução completa, altere para o Modo de Apresentação clicando no ícone "Apresentar" no canto superior direito. Para 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, estará disponível o Botão de Download/Exportação.

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 1

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

Awesome!

Completion rate improved to 2.78

bookInserção de 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;
  • Utilizar 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. Também é possível inserir sobre um texto, arrastar para posicionar manualmente ou clicar para inserir a imagem inteira, podendo ser necessário redimensioná-la. Para recortar ou ajustar uma imagem, dê um duplo clique segurando Alt/Option ou utilize as opções em 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, utilize os atalhos Ctrl/Command + C para copiar e Ctrl/Command + V para colar.

Também é possível 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.

A inserção de vídeos no Figma segue processo semelhante ao das imagens, porém vídeos só podem ser adicionados em planos pagos. Após adicionar, é possível visualizar miniaturas do vídeo nas configurações de Preenchimento no Painel de Design. Para reprodução completa, altere para o Modo de Apresentação clicando no ícone "Apresentar" no canto superior direito. Para 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, estará disponível o Botão de Download/Exportação.

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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