Use a aba Edit para editar uma imagem antes de inseri-la no Figma ou baixá-la. As ferramentas ficam à esquerda, a foto no centro e os controles à direita. A navegação à esquerda agrupa Tools (Selection, Paint brush, Fill, Eraser, Crop e Retouch), Adjustments (Adjust) e Finishing (Filters, Effects e Local AI). Selection inclui detecção de objetos, varinha mágica e seleções retangulares, elípticas, de laço e de pincel; Pick, ao lado das amostras de cor, captura uma cor da imagem.
Vídeo tutorial: editar imagens no Figma
Abrir uma imagem
- Abra o TinyImage em um arquivo do Figma Design e selecione Edit.
- Escolha Open image from computer para abrir um arquivo de imagem compatível, ou selecione uma camada do Figma e escolha Use selected Figma layer. Antes de abrir uma imagem, o cabeçalho principal mostra só Open project, Save project e Batch edit. Depois que uma imagem é aberta, o cabeçalho principal usa os rótulos mais curtos Open from computer e Use Figma layer. Uma única camada selecionada abre na hora; quando há várias origens disponíveis, escolha a imagem que você quer editar.
- Quando o seletor de origem aparecer para várias camadas selecionadas, escolha um preenchimento de imagem original ou uma camada renderizada e, depois, selecione Open selected image.
Use selected Figma layer fica desativado quando nenhuma camada está selecionada. Ao abrir outra imagem ou projeto, o plugin pergunta antes de substituir a imagem e as edições atuais. Cancele para continuar trabalhando, ou salve um projeto antes para não perder seu trabalho.
Uma imagem original usa os pixels de origem sem os ajustes de cor do Figma. Uma camada renderizada inclui a aparência visível da camada, com os ajustes do Figma e o restante do conteúdo. Só um preenchimento de imagem original pode ser substituído; arquivos locais, camadas renderizadas e projetos reabertos podem ser inseridos como novas imagens.
Gerenciar as edições com Layers
Escolha a aba Layers no topo do painel direito para ver ajustes, máscaras e efeitos juntos. Use o ícone de olho ao lado de uma edição para compará-la com a imagem abaixo, sem perder as configurações. Clique no nome para abrir os controles. As mudanças de visibilidade funcionam com Undo/Redo e nos projetos salvos; edições ocultas ficam fora do resultado. A aba History, ao lado, navega entre estados anteriores das edições; Properties volta aos controles da ferramenta atual. Veja Layers, History e projetos.
Ferramentas de IA local
Escolha Local AI na barra lateral de ferramentas e, depois, use Boost resolution para aumentar a resolução de uma imagem ou Remove background para criar um recorte com fundo transparente. As duas ferramentas rodam 100% localmente no seu dispositivo. O primeiro clique em qualquer uma das ações baixa o modelo automaticamente e, depois, processa a imagem; suas imagens não são enviadas para um serviço externo. Os modelos ficam disponíveis enquanto o plugin estiver aberto.
Veja Boost resolution e Remove background para conferir os passos. Você pode inserir o resultado no Figma ou baixá-lo; use PNG para preservar a transparência.
Guias de edição
- Recortar e redimensionar
- Luz e cor
- Nitidez
- Boost resolution
- Remove background
- Filtros e predefinições
- Efeitos
- Seleções, pincéis e apagar
- Retoque
- Histórico e projetos
- Edição em lote e exportação
Use a chave After, Before e Compare no canto superior direito do canvas para conferir suas edições. Clique em Before para alternar para a imagem de antes; clique de novo para voltar à visualização editada. Mantenha Before pressionado para dar uma espiada, ou pressione \ para alternar. Depois de um processamento local, ele mostra a imagem imediatamente anterior àquela ação. Mantenha Space pressionado e arraste o canvas para movê-lo em qualquer nível de zoom. Escolha Fit ou uma porcentagem no menu de zoom abaixo do canvas.
Arquivos compatíveis
Open image from computer aceita estes formatos de imagem:
| Formato | Extensões de arquivo |
|---|---|
| PNG | .png |
| JPEG | .jpg, .jpeg |
| WebP | .webp |
| GIF | .gif |
| BMP | .bmp |
| AVIF | .avif |
| TIFF | .tif, .tiff |
| HEIC / HEIF | .heic, .heif |
| RAW de câmera | Veja as extensões abaixo. |
As extensões de RAW de câmera aceitas são .dng, .cr2, .cr3, .crw, .nef, .nrw, .arw, .sr2, .srf, .raf, .orf, .rw2, .pef, .rwl, .srw, .x3f, .3fr, .fff, .iiq, .kdc, .dcr, .mos, .mrw, .erf e .raw.
A compatibilidade com RAW depende da câmera e do formato de compressão; uma extensão aceita não garante que todas as variantes de câmera possam ser abertas. Um arquivo incompatível ou danificado não afeta a sessão de edição atual.
As imagens RAW são reveladas localmente com o balanço de branco e a orientação da câmera e, depois, convertidas em uma imagem sRGB de 8 bits para edição. O editor usa a imagem revelada do sensor, não uma miniatura incorporada. Este é um fluxo de trabalho de edição de imagens; ele não preserva os dados RAW do sensor nem oferece exportação em RAW. Os projetos salvos mantêm a imagem convertida.
GIFs abrem como imagem estática, TIFFs de várias páginas usam a primeira imagem completa e arquivos HEIC/HEIF usam a imagem principal. Imagens TIFF RGB e em escala de cinza podem ter 8 ou 16 bits; a edição e as exportações usam pixels de 8 bits. Layouts de pixel TIFF incompatíveis geram um erro. As importações não mantêm os metadados nem o perfil de cor do arquivo original.
A decodificação acontece localmente dentro do plugin. O limite de upload é de 64 MB e o limite da imagem decodificada é de 24 megapixels. Arquivos RAW maiores precisam ser redimensionados ou convertidos antes de abri-los.
Redimensionar a janela do editor
A aba Edit abre inicialmente com 1120 × 780 pixels. Arraste a alça no canto inferior direito para mudar a largura e a altura. A largura mínima é de 1120 pixels, igual à largura padrão da aba Edit. Com a alça em foco, as setas do teclado redimensionam 10 pixels por vez; mantenha Shift pressionado para redimensionar 50 pixels. O TinyImage lembra o tamanho do editor e volta ao tamanho normal ou expandido da janela quando você seleciona outra aba.
Limites de imagem
O editor aceita imagens de até 24 megapixels, dependendo da capacidade gráfica e da memória do seu dispositivo. Se o editor não iniciar, ative a aceleração de hardware ou experimente o Figma no Chrome. Se uma imagem não puder ser exibida, tente uma imagem original menor. A pré-visualização pode usar uma imagem menor para manter a edição ágil; as imagens exportadas usam a resolução total do recorte.
As edições de imagem geram imagens rasterizadas. Elas não são camadas de ajuste editáveis do Figma.
Escopo da edição
O editor trabalha com imagens rasterizadas. Ele não edita arquivos PSD em camadas. As edições ficam no editor até você inserir, substituir ou baixar um resultado. O processamento acontece no seu dispositivo; algumas ferramentas baixam primeiro os modelos de processamento.
Use Compress para otimizar as exportações ou Downsize para reduzir preenchimentos de imagem existentes.