Overview
We use Figma's prototype embed feature when loading Figma prototypes so that your prototypes render exactly as they appear in Figma. This allows you to take advantage of many of their native features, but it also means that you may encounter issues when loading particularly large Figma prototypes or files in Maze.
Mobile device users in particular can struggle to open tests associated with large Figma files or prototypes because of the relatively small amount of memory they have. On iOS devices, the memory limits implemented by Apple may cause the test to time out and crash completely or you may be returned to the welcome screen repeatedly.
Importing a file containing large images can severely impact loading times and cause issues when importing and testing. Figma has to use up memory to render images: the bigger those images are, the more memory Figma needs.
Large images can trigger performance trouble in particular for testers on iOS, as their devices limit the size of images to be displayed. If the images are too large, the prototype may load slowly, or time out altogether.
If your Figma file contains large images, you'll see the following warning when importing your prototype:
Testers won't be able to load this prototype on mobile
Your Figma file contains too many frames and/or images, or these are too large. To ensure that participants can complete your maze seamlessly, try fixing the issues on your prototype first.
Solution
Figma doesn't compress images by default. If you're seeing this warning, we recommend that you compress your images before uploading them to Figma to avoid loading heavy images and slowing down the workflow. This is especially important when working with elements containing large embedded photos (e.g. avatars), which may result in very large file sizes.
Use JPG for any images that contain photographic elements, since PNG cannot handle large numbers of colors (such as in a photo) without increasing the file size significantly.
While we don't endorse specific plugins, you may find plugins such as Downsize useful to quickly compress and convert images. In some cases, copying images as PNG (⌘⇧C) and pasting them on the same image container can also help. This will automatically replace the image with a compressed version the same size as the canvas.