Articles on: The editor

Import your Sketch file

You can import an artboard from a Sketch file into a scene in the editor. Each layer in the artboard becomes a separate, editable element, and the images the artboard uses are uploaded to your project automatically.


Recent Sketch updates can affect the import, so some layers may not import correctly. If you run into problems, send the Sketch file to support@maglr.com.


Importing a Sketch artboard


To import a Sketch artboard into a scene:


  1. Open the page in the editor and go to the scene you want to import into. An empty scene works best, because the import changes the scene's size, name and type.
  2. Make sure the Desktop layout is active. The import is not available in the Mobile layout.
  3. Click the M in the top-left corner and choose Import from Sketch. The same option is also under Add in that menu.


Image: import a Sketch file via the options menu in the editor


  1. If the help popup "Import your Sketch files" appears, click Start importing.
  2. Click Select .sketch file and choose your file, or drag the file onto the "Or drag your file here" area. A Sketch file you've opened before is listed under Recently opened, and you can click it to open it again.
  3. Under "Select artboard to import", click a Sketch page on the left, then click the artboard you want to import. The artboard is imported into the current scene right away.


Image: selecting an artboard to import into your current scene in Maglr


The Sketch file itself is not uploaded to Maglr. It is read in your browser, and only the images used in the selected artboard are compressed and uploaded to your project.


Scene changes after a Sketch import


Importing a Sketch artboard adjusts the current scene to match the artboard:


  • Size: the scene gets the artboard's width and height.
  • Name: the scene is renamed to the artboard's name.
  • Background colour: the scene gets the artboard's background colour.
  • Scene type: the scene becomes Longpage if the artboard is taller than it is wide, and Fullscreen otherwise.


Editing imported Sketch elements


Every layer in the imported Sketch artboard becomes a separate element in the editor. Layer names and the group structure from Sketch are kept, so you can find and edit each element or group on its own, and add interactivity to it, such as animations, effects and actions.


Image: layer panel comparison in Sketch & Maglr


Messages after a Sketch import


After importing a Sketch artboard, the editor may show one of these messages:


  • Skipped layers: "Not all layers were successfully imported. The following layers were skipped: …" lists the Sketch layers that could not be converted. They are not in the scene.
  • Font missing: "Replace the missing font with an alternative" means a font used on the page, usually one from the imported Sketch text, isn't available in Maglr. Click Replace to open the "Replace font" popup and choose an alternative font.
  • Transparency removed: "Transparency has been removed from the following image: …" means a PNG with transparency larger than 10 MB was converted to JPEG to reduce its size. To keep the transparency, export the image from Sketch as a PNG smaller than 10 MB, for example at a smaller size, and add it to the scene in place of the converted image.


Updating an import after changing the Sketch file


To bring changes from Sketch into a scene:


  1. Save your changes in Sketch.
  2. In the editor, delete the elements from your previous import of that artboard.
  3. Click the M in the top-left corner and choose Import from Sketch.
  4. Click the file under Recently opened. If your browser asks for permission to read the file, allow it.
  5. Click the artboard again.


The Recently opened list shows up to five Sketch files opened in this browser, and it opens the current version of the file on your computer. If clicking a file in the list does nothing, for example because you moved or renamed the file, remove it from the list with the trash icon. Then click Select .sketch file and choose the file again.


Importing an artboard again doesn't replace the elements you imported before. It adds a second copy. Delete the old elements first.


Importing from Sketch in the Mobile layout


The Sketch import works only in the Desktop layout. In the Mobile layout, the import popup shows "Importing from Sketch is disabled in the Mobile layout. Switch to Desktop to import an artboard." and the artboards can't be selected. Switch to the Desktop layout to import an artboard.


Sketch features that don't import


Some Sketch features don't import into Maglr, or don't import correctly. For the full list, and for tips on preparing your Sketch file, see Tips & restrictions when creating/importing your Sketch file.


Frequently asked questions


Do I need to upload my Sketch file to Maglr?


No. When you import from Sketch, the Sketch file is read in your browser and is not uploaded. Only the images used in the artboard you import are compressed and uploaded to your project.


Why did my scene change size and name after a Sketch import?


Importing a Sketch artboard adjusts the current scene to the artboard: the scene gets the artboard's size, name and background colour, and becomes Longpage or Fullscreen depending on the artboard's shape. To keep an existing scene as it is, import into a new, empty scene instead.


Why are some layers missing after a Sketch import?


Layers that can't be converted are skipped, and the editor lists them in the message "Not all layers were successfully imported. The following layers were skipped: …". Recent Sketch updates can also affect the import. See Tips & restrictions when creating/importing your Sketch file for Sketch features that don't import, and send files that don't import correctly to support@maglr.com.


Why does the Sketch import show a notice about a recent Sketch update?


The import popup notes that a recent update in Sketch affects the import. The import still works, but some layers may not import correctly. If that happens, send the Sketch file to support@maglr.com.

Updated on: 29/10/2026