Use o Convertify para posicionar um recurso 3D e adicionar a visualização renderizada direto no seu canvas do Figma. A camada resultante no Figma é um instantâneo PNG transparente com 2.048 pixels no lado mais longo. O Convertify remove os pixels externos totalmente transparentes antes de criar o preenchimento de imagem, para que os limites da camada se ajustem à renderização visível. Enquanto o Convertify estiver aberto, você pode selecionar a camada e ajustar a visualização de novo.

Formatos 3D compatíveis

• glTF (.gltf)
• glTF binário (.glb)
• Wavefront OBJ (.obj)
• Pacote ZIP com um modelo compatível e os arquivos vinculados a ele (.zip)

Se um arquivo glTF ou OBJ usa arquivos .bin, .mtl ou de textura separados, selecione ou solte o modelo junto com todos os arquivos vinculados. Você também pode colocar um modelo e os arquivos vinculados dentro de um ZIP, mantendo intactos os caminhos relativos das pastas, e soltar o ZIP direto no Convertify.

Os arquivos 3D de origem enviados diretamente podem somar até 200 MB. Os pacotes ZIP podem ter até 50 MB compactados e 200 MB depois de extraídos.

Precisa de um modelo? Navegue pelos modelos 3D no Sketchfab. Confira a licença exibida em cada modelo antes de usá-lo.

Importar um modelo 3D

1. Abra o Convertify, clique na aba Import into Figma e escolha Import 3D to Figma.
2. Mantenha a aba Import 3D Model selecionada.
3. Clique na área de importação ou arraste o arquivo do modelo. Inclua os arquivos vinculados, se o modelo depender deles, ou solte um ZIP com um modelo e todas as dependências. Depois que a pré-visualização carregar, clique em Load another para procurar um substituto ou solte os arquivos substitutos direto sobre o botão Load another.
4. Arraste a pré-visualização para girar o modelo. Mantenha Command pressionado no macOS, ou Ctrl no Windows e no Linux, enquanto arrasta para mover a visualização, ou role para dar zoom.
5. Ajuste o modelo na pré-visualização até chegar à visualização desejada.
6. Clique em Add to canvas para inserir essa visualização como uma camada de imagem renderizada no Figma. Depois da inserção, as mudanças de visualização ficam só na pré-visualização até você clicar em Update canvas.

Dar perspectiva isométrica 3D a uma imagem

Prefere acompanhar em vídeo? Assista ao vídeo tutorial de perspectiva isométrica 3D.

1. Clique na aba Import into Figma, escolha Import 3D to Figma e selecione Image to 3D Perspective.
2. Adicione uma imagem PNG, JPG/JPEG, JPE, JFIF, WebP, GIF, AVIF, BMP ou SVG, ou selecione exatamente uma camada no Figma e clique em Use selected Figma layer. Depois que a pré-visualização carregar, clique em Load another para procurar outra imagem ou solte-a direto sobre o botão Load another.
3. Gire, mova ou dê zoom na pré-visualização e clique em Add to canvas. Depois da inserção, as mudanças de visualização ficam só na pré-visualização até você clicar em Update canvas.

Quando você faz upload de outra imagem ou usa outra camada selecionada do Figma, o Convertify mantém o ângulo, a posição e o zoom atuais da pré-visualização. Se preferir que a próxima imagem comece da visualização padrão, clique em Reset view antes de carregá-la.

As imagens podem ter até 50 MB. Uma camada selecionada do Figma é capturada localmente como um PNG transparente no tamanho 1x atual, antes de a perspectiva isométrica 3D final ser renderizada em 2K. A camada original não é alterada, e os bytes temporários da imagem são descartados quando o Convertify é fechado ou reiniciado.

WebM é um formato de vídeo, não de imagem, então não está disponível em Image to 3D Perspective.

Editar de novo uma camada 3D importada

Enquanto o Convertify estiver aberto, selecione uma camada 3D importada para restaurar o modelo e a posição da câmera. Ajuste a pré-visualização e clique em Update canvas quando quiser substituir a imagem renderizada na camada selecionada do Figma.

Se o Convertify tiver sido fechado ou reiniciado, selecione a camada 3D e solte de novo os arquivos de origem originais ou o ZIP. O Convertify restaura os metadados de visualização salvos; ajuste a pré-visualização, se necessário, e clique em Update canvas para atualizar a mesma camada do Figma.

Os arquivos originais do modelo e da imagem ficam guardados apenas na memória temporária do plugin depois que você os solta. Eles são descartados quando o Convertify é fechado ou reiniciado. O documento do Figma armazena só a camada de imagem renderizada e metadados de visualização leves.

A renderização 3D e o processamento dos arquivos acontecem localmente, dentro do plugin Convertify. A camada gerada no Figma é uma imagem renderizada, não uma malha editável.