Avec Convertify, positionnez un objet 3D et ajoutez son rendu directement sur votre canevas Figma. Le calque Figma obtenu est un instantané PNG transparent de 2 048 pixels sur son plus grand côté. Convertify supprime les pixels extérieurs entièrement transparents avant de créer le remplissage d’image, pour que les limites du calque épousent le rendu visible. Tant que Convertify reste ouvert, vous pouvez sélectionner le calque et ajuster de nouveau sa vue.

Formats 3D pris en charge

• glTF (.gltf)
• glTF binaire (.glb)
• Wavefront OBJ (.obj)
• Archive ZIP contenant un modèle compatible et ses fichiers liés (.zip)

Si un fichier glTF ou OBJ utilise des fichiers .bin, .mtl ou de texture séparés, sélectionnez ou déposez le modèle avec tous ses fichiers liés en même temps. Vous pouvez aussi placer un modèle et ses fichiers liés dans un ZIP, en conservant leurs chemins de dossier relatifs, puis déposer ce ZIP directement dans Convertify.

Les fichiers source 3D directs peuvent totaliser jusqu’à 200 Mo. Les archives ZIP peuvent peser jusqu’à 50 Mo compressées et 200 Mo une fois extraites.

Besoin d’un modèle ? Parcourez les modèles 3D sur Sketchfab. Vérifiez la licence indiquée pour chaque modèle avant de l’utiliser.

Importer un modèle 3D

1. Ouvrez Convertify, cliquez sur l’onglet Import into Figma, puis choisissez Import 3D to Figma.
2. Laissez l’onglet Import 3D Model sélectionné.
3. Cliquez sur la zone d’import ou faites glisser votre fichier de modèle. Ajoutez les fichiers liés si le modèle en dépend, ou déposez un ZIP contenant un modèle et toutes ses dépendances. Une fois l’aperçu chargé, cliquez sur Load another pour choisir un fichier de remplacement, ou déposez les fichiers de remplacement directement sur le bouton Load another.
4. Faites glisser l’aperçu pour faire pivoter le modèle. Maintenez Command sous macOS ou Ctrl sous Windows et Linux pendant le glissement pour vous déplacer, ou faites défiler pour zoomer.
5. Ajustez le modèle dans l’aperçu jusqu’à obtenir la vue voulue.
6. Cliquez sur Add to canvas pour insérer cette vue dans Figma sous forme de calque d’image rendu. Après l’insertion, les modifications de vue restent dans l’aperçu jusqu’à ce que vous cliquiez sur Update canvas.

Donner une perspective isométrique 3D à une image

Vous préférez suivre en vidéo ? Regardez le tutoriel vidéo sur la perspective isométrique 3D.

1. Cliquez sur l’onglet Import into Figma, choisissez Import 3D to Figma, puis sélectionnez Image to 3D Perspective.
2. Ajoutez une image PNG, JPG/JPEG, JPE, JFIF, WebP, GIF, AVIF, BMP ou SVG, ou sélectionnez exactement un calque dans Figma et cliquez sur Use selected Figma layer. Une fois l’aperçu chargé, cliquez sur Load another pour choisir une image de remplacement, ou déposez-la directement sur le bouton Load another.
3. Faites pivoter l’aperçu, déplacez-vous ou zoomez, puis cliquez sur Add to canvas. Après l’insertion, les modifications de vue restent dans l’aperçu jusqu’à ce que vous cliquiez sur Update canvas.

Quand vous importez une autre image ou utilisez un autre calque Figma sélectionné, Convertify conserve l’angle, la position et le zoom actuels de l’aperçu. Cliquez sur Reset view avant de charger l’image suivante si vous préférez repartir de la vue par défaut.

Les images peuvent peser jusqu’à 50 Mo. Un calque Figma sélectionné est capturé en local sous forme de PNG transparent à sa taille 1x actuelle, avant que la perspective isométrique 3D finale soit rendue en 2K. Le calque d’origine n’est pas modifié, et ses données d’image temporaires sont supprimées quand Convertify se ferme ou redémarre.

WebM est un format vidéo et non un format d’image : il n’est donc pas disponible dans Image to 3D Perspective.

Modifier de nouveau un calque 3D importé

Tant que Convertify reste ouvert, sélectionnez un calque 3D importé pour retrouver son modèle et la position de sa caméra. Ajustez l’aperçu, puis cliquez sur Update canvas quand vous êtes prêt à remplacer l’image rendue du calque Figma sélectionné.

Si Convertify a été fermé ou redémarré, sélectionnez le calque 3D et déposez de nouveau les fichiers source d’origine ou le ZIP. Convertify restaure les métadonnées de vue enregistrées ; ajustez l’aperçu si nécessaire, puis cliquez sur Update canvas pour mettre à jour ce même calque Figma.

Les fichiers de modèle et d’image d’origine ne sont conservés que dans la mémoire temporaire du plugin une fois déposés. Ils sont supprimés quand Convertify se ferme ou redémarre. Le document Figma ne stocke que le calque d’image rendu et des métadonnées de vue légères.

Le rendu 3D et le traitement des fichiers se font en local, dans le plugin Convertify. Le calque Figma généré est une image rendue, pas un maillage modifiable.