How to import from Figma

Export a Figma frame as an image, then rebuild it as a journey map in Smaply with AI.

Bring a journey map you've drawn in Figma into Smaply. Export the frame as an image, upload it, and Smaply AI rebuilds it as an editable journey map.

To keep a live, interactive Figma frame inside a card instead of rebuilding it, see How to use embed cards.

Smaply imports an image, not a Figma file. AI reconstructs the map from the picture, so the task is to get one clean, legible image out of Figma, then upload it. The import itself is the same for every source and lives in How to import from image.

How to export your Figma frame as an image

1

Select the frame

On the canvas, click the frame that holds your journey map. Selecting it scopes the export to that one frame rather than the whole page. Can view access is enough to export, unless the file owner has restricted copying.

2

Open the Export section

In the right sidebar, find the Export section and click the + to add an export setting.

3

Choose PNG or SVG

Set the format to PNG for the crispest text, or SVG if the frame is mostly text and shapes. Both upload cleanly to Smaply. Do not choose PDF: Smaply does not accept it.

4

Set the scale to 2x or 3x

For a PNG, raise the scale from the default 1x to 2x or 3x so the AI can read the card text. Larger scale means sharper text. SVG is resolution-independent, so it has no scale setting.

5

Export and save the file

Click Export and save the image. You now have a file ready to upload.

If you can't reach the Export section or your frame is simple enough to fit one screen, take an operating-system screenshot instead (macOS Cmd + Shift + 4, Windows Win + Shift + S) and save it as a PNG. Crop tightly around the map and keep the text legible.

Import it into Smaply

In a workspace, open Journey maps and click Import. In the Select import source modal, pick the Figma card, click Continue, then upload your exported image and click Import.

Select import source > Figma

Add an image or screenshot

For the full upload flow and what to expect while the map builds, see How to import from image.

Smaply AI reconstructs the journey map from your image, so treat the result as a starting point: open it in the editor and review the lanes, stages, and card text before you rely on it.

Related topics

How to import from image

The full upload-and-rebuild flow that every import source funnels into.

How to import from Miro

Export a Miro board or frame as an image, then import it.

How to import from PowerPoint

Save a slide as an image, then import it.

Create a journey map

Start a journey map from scratch, a template, or AI.