Quem pode usar esse recurso
Imagens estão disponíveis em todos os planos
Vídeo disponível em todos os planos pagos
Qualquer pessoa com acesso de editor a um arquivo pode enviar imagens e vídeos
Você pode enviar imagens e vídeos para incorporar fotografias, capturas de tela e outros recursos visuais aos seus designs.
O Figma é compatível com os seguintes tipos de arquivo:
- Imagem: JPG, PNG, HEIC, WebP, GIF, TIFF (apenas no Safari)
- Vídeo: MP4, MOV, WebM
Nota: Quando um arquivo SVG é importado para o Figma, o SVG não é mais tratado como uma imagem. Em vez disso, ele é convertido em uma camada vetorial editável. Saiba mais sobre como editar camadas vetoriais.
O Figma não tem um tipo de camada específico para imagens e vídeos. Em vez disso, esses Recursos são tratados como preenchimentos. Isso permite que você adicione Recursos a qualquer tipo de camada, incluindo formas, quadros, camadas de texto e redes vetoriais. Saiba mais sobre o uso de preenchimentos.
Quando você carrega um Recurso diretamente para a tela de trabalho, o Figma cria uma camada de retângulo com o Recurso definido como preenchimento. Você pode identificar o tipo de Recurso pelo ícone no painel de camadas na barra lateral esquerda: Imagem ou Vídeo/GIF.
Limite de tamanho do recurso
Se os Recursos que você está carregando excederem 4096 x 4096 pixels, o Figma escalará automaticamente os Recursos proporcionalmente para que sua dimensão mais longa se torne 4096 pixels ou menos. Você pode redimensionar os Recursos uma vez que eles foram carregados para o arquivo. Note que alguns metadados de arquivo podem ser perdidos durante esse processo de redimensionamento.
Enviar imagens e vídeos
Existem algumas maneiras de enviar imagens e vídeos para o Figma:
- Use o seletor de cores para fazer upload de imagens/vídeos
- Enviar imagens/vídeos em lote
- Importar imagens para o navegador de arquivos
- Copie e cole imagens/vídeos da sua área de transferência
- Arraste e solte imagens/vídeos do seu computador na tela de trabalho
Nota: Está com problemas para carregar imagens? Aprenda como solucionar os problemas mais comuns de carregamento de imagens.
Use o seletor de cores para fazer upload de imagens e vídeos
Você pode usar o seletor de cores para enviar imagens e vídeos como preenchimento de uma camada:
- Selecione uma camada na tela de trabalho.
- Clique na amostra na seção de Preenchimento ou Traço da barra lateral direita para abrir o seletor de cores.
- Selecione Imagem ou Vídeo das opções de preenchimento. Um texto de apoio visual de quadrados cinza e branco é aplicado ao preenchimento da camada até que você escolha um arquivo.
- Clique em Carregar do computador para fazer upload de uma imagem existente ou clique em Fazer uma imagem para criar imagens usando o Figma AI.
Enviar imagens e vídeos em massa
Colocar imagem/vídeo permite importar Recursos em massa. Você pode então escolher exatamente onde gostaria de colocar cada recurso. Como o Figma trata imagens e vídeos como preenchimentos, você também pode adicioná-los a objetos existentes.
- Selecione Imagem/vídeo no menu Ferramentas de forma na barra de ferramentas ou use o atalho de teclado:
- Mac: Shift Command K
- Windows: Shift Ctrl K
- Selecione os arquivos de imagem ou vídeo que você deseja carregar, então clique em Abrir. O cursor exibirá um selo mostrando o número de Recursos que precisam ser colocados.
- Faça uma das coisas a seguir:
- Clique na tela de trabalho para colocar a imagem ou vídeo em uma nova camada, usando suas dimensões originais
- Selecione um objeto existente na tela de trabalho para substituir seu preenchimento pela imagem ou vídeo
- Clique em Colocar todos para adicionar todos os Recursos em um único local na tela de trabalho
- Repita o processo para os Recursos restantes. Para descartar quaisquer imagens ou vídeos restantes, pressione Delete no seu teclado.
Substituir preenchimentos de imagem e vídeo
Você pode alterar o preenchimento de imagem/vídeo a qualquer momento. Isso manterá quaisquer configurações de modo de preenchimento que você aplicou, incluindo qualquer corte ou posicionamento.
Existem várias maneiras de fazer isso:
- Arraste o arquivo sobre a visualização dos Recursos no seletor de cores
- Arraste o arquivo sobre a amostra na seção Preenchimento ou Traço da barra lateral direita
Editar imagens
Uma vez carregada, você pode usar as propriedades da imagem para ajustar como ela aparece no seu design. Você também pode usar o Figma AI para expandir imagens, remover planos de fundo e muito mais.