How to format and add a Figma File to Maker

Prepare the layout for transfer from Figma

Create a single Figma page with three frames — desktop, tablet, and mobile. We use Frames to set the boundaries of a breakpoint in the Maker Editor.

Desktop — recommended size is 1366px.

Create the desktop frame at the same size as page where the Maker content will be added. For example, if it’s the homepage and the grid width of your site is 1366px, then the frame for the desktop will be designed at 1366px as well. Maker allows you to have a desktop HD frame in addition to a desktop frame.

Tablet — 600px.

Mobile — 320px.