Pour importer un canevas Procreate dans Figma, cliquez sur l’onglet Import into Figma, choisissez Import Procreate to Figma (Beta) dans le sélecteur de workflow, puis faites glisser votre fichier .procreate dans la zone de dépôt du plugin Convertify (ou cliquez sur la zone de dépôt pour choisir le fichier). Vérifiez l’aperçu et les dimensions, puis cliquez sur Import Procreate pour le placer dans Figma.

L’import Procreate est en bêta. Vérifiez les calques importés avant de vous en servir, et signalez-nous tout canevas qui ne s’importe pas comme prévu.

Transférer votre fichier .procreate sur votre ordinateur

Procreate enregistre ses canevas sur votre iPad. Pour en transférer un sur l’ordinateur où vous utilisez Figma :

1. Dans la Galerie de Procreate, balayez l’illustration vers la gauche et touchez Share, ou ouvrez l’illustration et touchez Actions > Share.
2. Choisissez le format Procreate.
3. Envoyez le fichier .procreate sur votre ordinateur via AirDrop, l’app Fichiers ou n’importe quel stockage cloud.

Vérifier le canevas avant l’import

Quand vous choisissez un fichier, Convertify affiche son aperçu de galerie, son nom, les dimensions du canevas et les dimensions qui seront importées. Vous pouvez modifier Import as et Import size avant de cliquer sur Import Procreate. Sélectionner un fichier n’ajoute à lui seul aucun calque dans Figma. Utilisez Clear file pour annuler la sélection, ou choisissez un autre fichier pour la remplacer.

Si l’aperçu de galerie est absent ou endommagé, Convertify vous permet tout de même d’importer les calques lisibles du canevas et affiche un avis. Pour une archive endommagée, l’aperçu peut être la seule illustration récupérable ; lisez les éventuels avertissements avant d’importer.

Choisir un import en calques ou aplati

Utilisez Import as pour choisir comment l’illustration est placée :

• Layered canvas est l’option par défaut. Elle conserve les calques, groupes et masques décrits ci-dessous.
• Flattened image place l’illustration visible sous forme d’une seule image, en intégrant dans ses pixels les groupes, masques, opacités et modes de fusion. Les calques individuels ne sont pas conservés : ils ne peuvent donc pas être récupérés en exportant de nouveau vers Procreate.

L’import aplati utilise l’image composite en pleine résolution enregistrée par Procreate lorsqu’elle est disponible. Si cette image composite ne peut pas être lue, Convertify aplatit à la place les calques visibles et ajoute un avertissement d’import. Pour les animations, il crée une image aplatie par image de l’animation, calques de premier plan et d’arrière-plan compris, et conserve le minutage de lecture du prototype.

Les deux modes prennent en charge les tailles d’import ci-dessous. Les images qui dépassent la limite de 4096 px de Figma sont découpées en tuiles d’image.

Choisir une taille d’import

Utilisez Import size pour choisir la résolution :

• Original resolution est l’option par défaut et conserve la taille en pixels d’origine du canevas.
• Up to 1024 px, Up to 2048 px et Up to 4096 px réduisent les canevas plus grands pour qu’ils respectent cette limite sur leur plus grand côté. Les canevas plus petits conservent leur taille d’origine.

En mode calques, les calques, groupes et masques sont mis à l’échelle ensemble, et les images de l’animation utilisent les mêmes dimensions de canevas redimensionné. Le canevas conserve ses proportions, arrondies au pixel près.

Le redimensionnement réduit les images placées dans Figma ; Convertify doit tout de même lire d’abord le fichier d’origine. Choisissez Original resolution si vous devez conserver les pixels d’origine pour un nouvel export vers Procreate : augmenter l’échelle d’export plus tard ne peut pas restaurer les détails supprimés à l’import.

Conserver ou rogner les bords transparents des calques

L’option Trim transparent layer borders est activée par défaut pour les imports en calques. Les limites de l’image de chaque calque épousent ses pixels peints, tandis que sa position sur le canevas reste inchangée.

Désactivez-la pour donner à chaque calque peint les limites complètes du canevas, marges transparentes comprises. Les masques restent alignés, et toute limite de taille d’import s’applique au canevas complet. Les images créées sont alors plus lourdes. Les calques vides restent exclus, et ce réglage n’a aucun effet sur les imports aplatis.

Ce qui est importé

Avec Layered canvas sélectionné :

Convertify ajoute à votre fichier Figma une nouvelle page contenant un frame à la taille d’import choisie. Avec Original resolution, ce frame a la même taille en pixels que le canevas Procreate.

• Les calques sont importés sous forme de calques d’image, avec leur nom, leur visibilité, leur verrouillage, leur opacité et leur mode de fusion.
• Les groupes restent des groupes, avec leur nom, leur visibilité, leur verrouillage et leur opacité.
• Les masques de calque deviennent des masques de luminance sur leur calque.
• Les masques d’écrêtage restent écrêtés sur le calque inférieur.
• La couleur d’arrière-plan devient le remplissage du frame. Elle est masquée si l’arrière-plan était masqué dans Procreate.
• La rotation et les retournements du canevas sont appliqués : le canevas s’affiche donc comme dans votre Galerie Procreate.
• Les couleurs sont converties du profil de couleur du canevas (Display P3 ou sRGB) vers celui de votre fichier Figma, pour un rendu identique à celui de Procreate. Les anciens canevas qui n’enregistrent pas de profil utilisent celui de leur aperçu de Galerie.

Les fichiers enregistrés par Procreate 4 et versions ultérieures peuvent être importés, y compris ceux provenant d’anciens iPad.

Ce qui change dans Figma

Les points suivants concernent les imports Layered canvas. Les imports aplatis intègrent plutôt l’apparence visible dans l’image.

• Procreate peint en pixels : chaque calque devient donc une image dans Figma. Les calques de texte sont importés en pixels, et leur texte n’est pas modifiable.
• Figma n’a pas d’équivalent à l’Alpha Lock de Procreate. Il est mémorisé : un nouvel export vers Procreate le réactive.
• Figma ne propose pas les modes de fusion Subtract, Hard Mix, Vivid Light, Linear Light, Pin Light ni Divide : les calques qui les utilisent passent en Normal. Lighter Color et Darker Color deviennent Lighten et Darken, dont le rendu peut être légèrement différent. Activez Match blend modes Figma doesn't have pour figer ces calques afin qu’ils s’affichent exactement comme dans Procreate ; ils conservent leurs masques et leur opacité, mais ne se mettent pas à jour si vous modifiez les calques situés en dessous.
• Les calques vides sont exclus.
• Figma limite les images à 4096 px de côté : un calque plus grand est donc importé sous forme de groupe de tuiles d’image lors d’un import en résolution d’origine.

Tout ce qui est exclu ou approximé est listé sous Import warnings dans le plugin une fois l’import terminé.

Exporter de nouveau vers Procreate

Pour les imports en calques, Convertify mémorise ce que Figma ne peut pas afficher : un canevas importé puis réexporté vers Procreate conserve ainsi ses masques d’écrêtage, ses masques de calque, l’Alpha Lock et ses modes de fusion d’origine (sauf si vous modifiez le mode de fusion d’un calque dans Figma). Pour exporter de nouveau une animation importée sous forme d’animation Procreate unique, sélectionnez ses frames et activez Export frames as one animation. Consultez Exporter Figma vers Procreate.

Importer des animations

Si Animation Assist est activé pour le canevas, chaque image de l’animation devient un frame Figma distinct, placés côte à côte dans l’ordre de lecture.

• Vos calques d’arrière-plan et de premier plan, si vous les avez définis dans Animation Assist, apparaissent sur chaque frame.
• Les frames sont reliés en un prototype Figma qui se lit à la fréquence d’images de votre animation, images prolongées comprises. Appuyez sur Present pour le lire. Les animations en boucle et en lecture unique se lisent comme dans Procreate ; les animations en ping-pong ajoutent des copies des images intermédiaires, marquées (back), pour le trajet retour.
• Les images masquées sont exclues, et les pelures d’oignon ne sont pas importées.

Fichiers endommagés

Si les calques d’un fichier ne peuvent pas être lus, Convertify place à la place l’image d’aperçu du canevas générée par Procreate et vous en indique la raison.