Skip to main content

Import (Figma)

Moio can import your Figma work so you don't start from scratch. There are two ways in: import a .fig file for the full design, or copy-paste specific layers directly into the editor.

Import a .fig file​

This is the best path when you want everything — layouts, images, components, and structure.

  1. In Figma, go to File > Save local copy to download a .fig file.
  2. In the Moio dashboard, open the workspace folder where you want the file.
  3. Click Import .fig or .sketch in the action bar, or drag the file into the file list.
  4. Select your .fig, .sketch, or .xd file.
  5. The import modal shows per-file progress. When it finishes, your file appears as a new document.

Copy-paste from Figma​

Use this when you only need specific layers or components — not the entire file.

  1. In Figma, select the layers or components you want and copy them (Ctrl+C / Cmd+C).
  2. In Moio, open a document and paste (Ctrl+V / Cmd+V).
  3. Moio detects the Figma clipboard content automatically and converts it.

Where your pasted content lands depends on your current selection:

SelectionPaste target
Nothing selectedSource container, or the page
Single frame selectedInside that frame
Multiple objects selectedClosest common ancestor

What to know before importing​

Images don't transfer on copy-paste​

When you copy-paste from Figma, images (image fills) won't come through. Figma's clipboard format doesn't include image data. If your design uses images, import the whole .fig file instead — file import bundles all images.

Design tokens aren't supported yet​

Figma variables and design tokens are not preserved during import. Variable-bound values import using their resolved (static) values, but the variable bindings themselves are dropped.

Shared component libraries import as local copies​

If your Figma file uses components from external libraries, they import as local components within your Moio file. There's no global or shared component library in Moio yet.

Troubleshooting​

"Cannot import into a readonly folder"​

You don't have edit permission in that folder. Switch to a folder you can edit, or ask a workspace admin for access.

"File type not supported"​

Only .fig, .sketch, and .xd files are supported. Export a supported file type from your design tool.

Images are missing after copy-paste​

This is expected. Copy-paste doesn't transfer image data. Import the full .fig file to keep images intact.