Conteúdo do Curso
UI/UX com Figma
UI/UX com Figma
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 selecione → Copiar/Colar como → Copiar 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.
Obrigado pelo seu feedback!