Um einen Procreate-Canvas in Figma zu importieren, klick auf den Tab Import into Figma, wähle in der Workflow-Auswahl Import Procreate to Figma (Beta) und zieh dann deine .procreate-Datei in den Ablagebereich im Plugin Convertify (oder klick auf den Ablagebereich, um die Datei auszuwählen). Prüf Vorschau und Abmessungen und klick dann auf Import Procreate, um sie in Figma zu platzieren.

Der Procreate-Import ist in der Beta. Prüf die importierten Ebenen, bevor du darauf aufbaust, und sag uns Bescheid, wenn ein Canvas nicht wie erwartet ankommt.

Deine .procreate-Datei auf den Computer holen

Procreate speichert seine Canvases auf deinem iPad. So holst du einen auf den Computer, auf dem du Figma nutzt:

1. Wisch in der Galerie von Procreate auf dem Kunstwerk nach links und tipp auf Share, oder öffne das Kunstwerk und tipp auf Actions > Share.
2. Wähle Procreate als Format.
3. Schick die .procreate-Datei per AirDrop, über die Dateien-App oder einen beliebigen Cloud-Speicher an deinen Computer.

Den Canvas vor dem Import prüfen

Wenn du eine Datei auswählst, siehst du ihre Galerievorschau, den Dateinamen, die Canvas-Abmessungen und die Abmessungen nach dem Import. Vor dem Klick auf Import Procreate kannst du Import as und Import size ändern. Das bloße Auswählen einer Datei fügt noch keine Ebenen in Figma ein. Mit Clear file verwirfst du die Auswahl, oder du wählst eine andere Datei, um sie zu ersetzen.

Fehlt die Galerievorschau oder ist sie beschädigt, kannst du mit Convertify trotzdem die lesbaren Canvas-Ebenen importieren, und es wird ein Hinweis angezeigt. Bei einem beschädigten Archiv ist die Vorschau eventuell die einzige Grafik, die sich wiederherstellen lässt; prüf vor dem Import alle Warnungen.

Import mit Ebenen oder als reduziertes Bild wählen

Mit Import as legst du fest, wie die Grafik platziert wird:

• Layered canvas ist der Standard. Damit bleiben die unten beschriebenen Ebenen, Gruppen und Masken erhalten.
• Flattened image platziert die sichtbare Grafik als ein einziges Bild und rechnet Gruppen, Masken, Deckkraft und Füllmethoden fest in die Pixel ein. Einzelne Ebenen bleiben nicht erhalten und lassen sich daher auch durch einen Export zurück nach Procreate nicht wiederherstellen.

Der reduzierte Import nutzt, falls vorhanden, das von Procreate gespeicherte Gesamtbild in voller Auflösung. Lässt sich dieses Gesamtbild nicht lesen, reduziert Convertify stattdessen die sichtbaren Ebenen und fügt eine Importwarnung hinzu. Bei Animationen erstellt es pro Frame ein reduziertes Bild, einschließlich eventueller Vorder- und Hintergrundebenen, und behält das Timing der Prototyp-Wiedergabe bei.

Beide Modi unterstützen die unten genannten Importgrößen. Bilder, die größer als das Figma-Limit von 4096 px sind, werden in Bildkacheln aufgeteilt.

Eine Importgröße wählen

Mit Import size wählst du die Auflösung:

• Original resolution ist der Standard und behält die ursprüngliche Pixelgröße des Canvas bei.
• Up to 1024 px, Up to 2048 px und Up to 4096 px verkleinern größere Canvases so, dass ihre längste Seite in dieses Limit passt. Kleinere Canvases behalten ihre Originalgröße.

Im Modus mit Ebenen werden Ebenen, Gruppen und Masken gemeinsam skaliert, und Animationsframes nutzen dieselben verkleinerten Canvas-Abmessungen. Der Canvas behält seine Proportionen, gerundet auf ganze Pixel.

Das Verkleinern reduziert die in Figma platzierten Bilder; Convertify muss trotzdem zuerst die Originaldatei lesen. Wähle Original resolution, wenn du die ursprünglichen Pixel für einen Export zurück nach Procreate behalten möchtest: Eine spätere Erhöhung der Exportskalierung kann beim Import entfernte Details nicht wiederherstellen.

Transparente Ebenenränder behalten oder zuschneiden

Trim transparent layer borders ist bei Importen mit Ebenen standardmäßig aktiviert. Die Bildgrenzen jeder Ebene liegen dann genau um ihre gemalten Pixel, während ihre Position auf dem Canvas gleich bleibt.

Schalte die Option aus, damit jede gemalte Ebene die vollen Canvas-Grenzen einschließlich transparenter Ränder erhält. Masken bleiben ausgerichtet, und ein eventuelles Importgrößenlimit gilt für den ganzen Canvas. Dadurch entstehen größere Bilder. Leere Ebenen werden weiterhin weggelassen, und die Einstellung hat keinen Einfluss auf reduzierte Importe.

Was importiert wird

Wenn Layered canvas ausgewählt ist:

Convertify fügt deiner Figma-Datei eine neue Seite mit einem Frame in der gewählten Importgröße hinzu. Mit Original resolution entspricht er der Pixelgröße des Procreate-Canvas.

• Ebenen kommen als Bildebenen an, mit Name, Sichtbarkeit, Sperre, Deckkraft und Füllmethode.
• Gruppen bleiben Gruppen, mit Name, Sichtbarkeit, Sperre und Deckkraft.
• Ebenenmasken werden zu Luminanzmasken auf ihrer Ebene.
• Schnittmasken bleiben auf die darunterliegende Ebene beschnitten.
• Die Hintergrundfarbe wird zur Füllung des Frames. Sie ist ausgeblendet, wenn der Hintergrund in Procreate ausgeblendet war.
• Drehungen und Spiegelungen des Canvas werden angewendet, sodass der Canvas so aussieht wie in deiner Procreate-Galerie.
• Farben werden vom Farbprofil des Canvas (Display P3 oder sRGB) in das Farbprofil deiner Figma-Datei umgerechnet, damit sie genauso aussehen wie in Procreate. Ältere Canvases ohne gespeichertes Profil nutzen das Profil ihrer Galerievorschau.

Mit Procreate 4 oder neuer gespeicherte Procreate-Dateien lassen sich importieren, auch Dateien von älteren iPads.

Was sich in Figma ändert

Das Folgende gilt für Importe mit Layered canvas. Reduzierte Importe rechnen stattdessen das sichtbare Erscheinungsbild fest in das Bild ein.

• Procreate malt in Pixeln, deshalb ist jede Ebene in Figma ein Bild. Textebenen kommen als Pixel an, und ihr Text ist nicht bearbeitbar.
• Figma hat keine Entsprechung für Alpha Lock aus Procreate. Die Einstellung wird gespeichert, sodass ein Export zurück nach Procreate sie wieder aktiviert.
• Figma hat keine Füllmethoden Subtract, Hard Mix, Vivid Light, Linear Light, Pin Light oder Divide, deshalb werden Ebenen mit diesen Füllmethoden auf Normal gesetzt. Lighter Color und Darker Color werden zu Lighten und Darken, was etwas anders aussehen kann. Aktiviere Match blend modes Figma doesn't have, um diese Ebenen fest einzurechnen, damit sie genauso aussehen wie in Procreate; sie behalten ihre Masken und Deckkraft, werden aber nicht aktualisiert, wenn du die Ebenen darunter änderst.
• Leere Ebenen werden weggelassen.
• Figma begrenzt Bilder auf 4096 px pro Seite. Eine größere Ebene kommt deshalb beim Import in Originalauflösung als Gruppe von Bildkacheln an.

Alles, was weggelassen oder angenähert wurde, steht nach dem Import im Plugin unter Import warnings.

Zurück nach Procreate exportieren

Bei Importen mit Ebenen merkt sich Convertify, was Figma nicht darstellen kann. Wenn du einen importierten Canvas zurück nach Procreate exportierst, bleiben daher seine Schnittmasken, Ebenenmasken, Alpha-Sperre und ursprünglichen Füllmethoden erhalten (es sei denn, du änderst die Füllmethode einer Ebene in Figma). Um eine importierte Animation wieder als eine Procreate-Animation zu exportieren, wähle ihre Frames aus und aktiviere Export frames as one animation. Siehe Figma nach Procreate exportieren.

Animationen importieren

Ist für den Canvas Animation Assist aktiviert, wird jedes Animationsbild zu einem eigenen Figma-Frame, nebeneinander in Wiedergabereihenfolge.

• Deine Hintergrund- und Vordergrundebenen erscheinen, wenn du sie in Animation Assist festgelegt hast, auf jedem Frame.
• Die Frames sind als Figma-Prototyp verknüpft, der mit der Bildrate deiner Animation abgespielt wird, einschließlich gehaltener Bilder. Klick auf Present, um ihn abzuspielen. Endlos- und einmalige Animationen laufen wie in Procreate ab; bei Ping-Pong-Animationen werden Kopien der mittleren Frames mit der Markierung (back) für den Rückweg hinzugefügt.
• Ausgeblendete Frames werden weggelassen, und Zwiebelschichten werden nicht importiert.

Beschädigte Dateien

Lassen sich die Ebenen einer Datei nicht lesen, platziert Convertify stattdessen das Vorschaubild des Canvas aus Procreate und sagt dir, warum.