To import a Procreate canvas into Figma, click the Import into Figma tab, choose Import Procreate to Figma (Beta) from the workflow selector, and then drag and drop your .procreate file into the dropzone inside the Convertify plugin (or click the dropzone to choose the file). Check the preview and dimensions, then click Import Procreate to place it in Figma.
Procreate import is in Beta. Check the imported layers before you build on them, and tell us about any canvas that doesn't come across as expected.
Getting your .procreate file onto your computer
Procreate saves its canvases on your iPad. To get one onto the computer you use Figma on:
- In Procreate's Gallery, swipe left on the artwork and tap Share, or open the artwork and tap Actions > Share.
- Choose Procreate as the format.
- Send the
.procreatefile to your computer with AirDrop, the Files app or any cloud drive.
Reviewing the canvas before import
Choosing a file shows its gallery preview, filename, canvas dimensions and resulting import dimensions. You can change Import as and Import size before clicking Import Procreate. Selecting a file alone does not add layers to Figma. Use Clear file to discard the selection, or choose another file to replace it.
If the gallery preview is missing or damaged, Convertify still lets you import readable canvas layers and shows a notice. For a damaged archive, the preview may be the only artwork it can recover; check any warning before importing.
Choosing layered or flattened import
Use Import as to choose how the artwork is placed:
- Layered canvas is the default. It keeps the layers, groups and masks described below.
- Flattened image places the visible artwork as one image, baking groups, masks, opacity and blend modes into its pixels. Individual layers are not kept, so they cannot be recovered by exporting back to Procreate.
Flattened import uses Procreate's saved full-resolution composite when available. If that composite cannot be read, Convertify flattens the visible layers instead and adds an import warning. For animations, it creates one flattened image per frame, including any foreground and background layers, and keeps the prototype playback timing.
Both modes support the import sizes below. Images larger than Figma's 4096 px limit are split into image tiles.
Choosing an import size
Use Import size to select the resolution:
- Original resolution is the default and keeps the canvas at its original pixel size.
- Up to 1024 px, Up to 2048 px and Up to 4096 px reduce larger canvases to fit that limit on their longest side. Smaller canvases keep their original size.
In layered mode, layers, groups and masks scale together, and animation frames use the same resized canvas dimensions. The canvas keeps its proportions, rounded to whole pixels.
Resizing reduces the images placed in Figma; Convertify still needs to read the original file first. Choose Original resolution when you need to keep the original pixels for exporting back to Procreate: increasing the export scale later cannot restore detail removed during import.
Keeping or trimming transparent layer borders
Trim transparent layer borders is on by default for layered imports. Each layer's image bounds fit its painted pixels, while its position on the canvas stays the same.
Turn it off to give each painted layer the full canvas bounds, including transparent margins. Masks stay aligned, and any import size limit applies to the full canvas. This creates larger images. Empty layers are still left out, and the setting does not affect flattened imports.
What gets imported
With Layered canvas selected:
Convertify adds a new page to your Figma file with one frame at the chosen import size. With Original resolution, it matches the Procreate canvas size in pixels.
- Layers come in as image layers, with their name, visibility, lock, opacity and blend mode.
- Groups stay as groups, with their name, visibility, lock and opacity.
- Layer masks become luminance masks on their layer.
- Clipping masks stay clipped to the layer below.
- The background colour becomes the frame's fill. It is hidden if the background was hidden in Procreate.
- Canvas rotation and flips are applied, so the canvas looks the way it does in your Procreate Gallery.
- Colours are converted from the canvas's colour profile (Display P3 or sRGB) to your Figma file's colour profile, so they look the same as in Procreate. Older canvases that don't store a profile use the profile of their Gallery preview.
Procreate files saved by Procreate 4 and later can be imported, including files from older iPads.
What changes in Figma
The following applies to Layered canvas imports. Flattened imports bake the visible appearance into the image instead.
- Procreate paints in pixels, so every layer is an image in Figma. Text layers come in as pixels, and their text isn't editable.
- Figma has no equivalent of Procreate's Alpha Lock. It's remembered, so exporting back to Procreate turns it on again.
- Figma has no Subtract, Hard Mix, Vivid Light, Linear Light, Pin Light or Divide blend modes, so layers using them are set to Normal. Lighter Color and Darker Color become Lighten and Darken, which can look slightly different. Turn on Match blend modes Figma doesn't have to bake these layers so they look exactly as in Procreate; they keep their masks and opacity, but won't update if you change the layers beneath them.
- Empty layers are left out.
- Figma limits images to 4096 px on a side, so a layer larger than that comes in as a group of image tiles when importing at original resolution.
Anything left out or approximated is listed under Import warnings in the plugin after the import finishes.
Exporting back to Procreate
For layered imports, Convertify remembers what Figma can't show, so exporting an imported canvas back to Procreate keeps its clipping masks, layer masks, Alpha Lock and original blend modes (unless you change a layer's blend mode in Figma). To export an imported animation as one Procreate animation again, select its frames and turn on Export frames as one animation. See Exporting Figma to Procreate.
Importing animations
If Animation Assist is turned on for the canvas, each animation frame becomes its own Figma frame, side by side, in playback order.
- Your background and foreground layers, if you set them in Animation Assist, appear on every frame.
- The frames are linked as a Figma prototype that plays at your animation's frame rate, including any held frames. Press Present to play it. Looping and one-shot animations play as in Procreate; ping-pong animations add copies of the middle frames, marked (back), for the way back.
- Hidden frames are left out, and onion skins aren't imported.
Damaged files
If a file's layers can't be read, Convertify places Procreate's preview image of the canvas instead and tells you why.