Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Colocando Fotos e Vídeos | Criando Visuais
UI/UX com Figma
course content

Conteúdo do Curso

UI/UX com Figma

UI/UX com Figma

1. Ferramentas Básicas do Figma
2. Criando e Organizando Objetos
3. Criando Visuais
4. Prototipagem
5. Submetendo Trabalho

book
Colocando Fotos e Vídeos

Para adicionar uma imagem, você pode

  • Clicar no Ícone do Figma → Arquivo → Colocar Imagem;
  • Usar a barra de ferramentas e selecioná-la no grupo de ferramentas Formas → Colocar Imagem;
  • Usar o atalho: Ctrl/Command + Shift + K;

Para colocar uma imagem no Figma, passe o mouse sobre uma forma e clique para preencher a forma com a imagem. Você também pode colocá-la no texto, arrastar para posicionar manualmente ou clicar para colocar a imagem inteira, mas pode ser necessário redimensioná-la. Para cortar ou ajustar uma imagem, clique duas vezes enquanto segura Alt/Option ou use 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 dimensões da imagem;
  • Ladrilhar: 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 visual desbotado;
  • Alterar ou ocultar qualquer cor/imagem de preenchimento;
  • Remover qualquer preenchimento clicando no ícone de menos.

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

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

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

Selecione algumas respostas corretas

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 1
We're sorry to hear that something went wrong. What happened?
some-alt