How do I import a Figma file into Maker?

1

Click "ELEMENTS" on the left side panel

How do I import a Figma file into Maker? — step 1

2

Click "Figma" under layout options

How do I import a Figma file into Maker? — step 2

3

Tip! Here's how you can get your Figma link easily:

4

Go to Figma and select the Figma page you would like to import into Maker.

How do I import a Figma file into Maker? — step 4

5

Right-click on your mouse and "Copy link"

How do I import a Figma file into Maker? — step 5

6

Paste your Figma link here:

How do I import a Figma file into Maker? — step 6

7

Heads Up! If this is the first time you are importing a Figma file, you will be asked to authorize your Figma account. Simply follow the steps and you will be re-directed back to the editor. Proceed by entering the Figma link again.

8

How do I import a Figma file into Maker? — step 8

9

Wait for Maker to import your design, this should take no longer than 60 seconds:

How do I import a Figma file into Maker? — step 9

10

The imported Figma file should now reflect on the Editor along with a responsive breakpoint design.

How do I import a Figma file into Maker? — step 10

11

Tip! Please follow our Figma-specific guidelines when formatting your Figma file for a seamless conversion. how-to-format-and-add-a-figma-file-to-maker.md

PreviousAdding your Sketch file to Maker

NextUsing metrics and insights

Last updated 1 month ago

Was this helpful?