How to prepare your Figma prototype for Prototype Testing?

Before you import your Figma prototype into UXtweak's Prototype Testing, it's good to make sure that everything in your prototype is in the right order and has been properly adjusted to accomodate testing. Read further to learn how to import Figma prototypes efficiently and decrease the load times of your prototype for your respondents.

Get your prototype ready for import 

Before you start preparing your Figma prototype for testing, we recommend that you make a copy of your prototype that will be used in testing. That way, you will keep the original even if you make adjustments specific to testing.

Your prototype should be made up from Frames. UXtweak converts individual frames on the top level into designs in Prototype Testing. All components of a design should be included inside a Frame. There shouldn't be any elements left outside Frames, or UXtweak may not interpret them as you would expect.

If your Figma file is made up of multiple Pages, make sure that the prototype you want to import is located in the first Page.

HOW TO GET LINK TO THE FIGMA PROTOTYPE THAT I CAN IMPORT?

Click the Share button and make sure that Anyone with a link can view your prototype. Then click Copy link

Optimize your prototype 

If your prototype takes longer than a minute to import, you should consider the below steps to optimize your prototype for import. These modification will make your prototype import faster during study setup, as well as load efficiently for your respondents. Quick loading helps avoid frustration. More respondents will be willing to participate if you're respectful to their download volume (some may be using limited data plans).

  • Trim unnecessary content from your prototype. Get rid of Frames, Pages, and other elements which aren't part of your testing and aren't going to be seen by respondents. A bloated prototype file may take unreasonably long to import and not open for some respondents at all.
  • Minimize your prototype. The more Frames, Pages and other elements your prototype has, the longer it will take to import. With huge prototypes, reconsider reorganizing your testing, by scaling down into multiple studies with smaller prototype files.
  • Reduce the size of images. Images are one of the main culprits of bloated prototype files. Figma doesn't do image compression by itself, so before you upload an image into Figma, you should make sure it isn't in unnecessarily large resolution. If you need to insert large photos, consider using JPEG instead of PNG.