Skip to main content
Import images from Figma in first-click testing

Learn how to import images from Figma in first-click testing with this step by step guide.

Updated over 5 months ago

Prepare your Figma design file for importing

  1. Open your Figma project and select the page containing your prototype for testing.

  2. Click ‘Play’ on the top right-hand corner of the screen.

3. Click the ‘Share prototype’ button in the top right-hand corner of the screen.

4. Change the settings to ‘Anyone with the link’ and ‘can view’ to make it public.

5. Click on ‘copy link’.

6. Then open your Optimal Workshop account.

How to import your images in first-click testing

To add images, click the 'Choose image' button to the right of the task text box.

Select ‘Import from Figma’.

Add the ‘Figma prototype link’ in the field. You can import up to 30 frames from Figma at once.

Selecting an image for a task

Click on ‘Images’ and scroll to the image you want to test, then click 'Select image' and write the task. Then, when you get to the next task and click 'Upload an image,' you can click the 'Images' tab and select the one you want to work on next.

What plans is the Figma integration available on?

The Figma integration is available on all paid Optimal Workshop accounts.

Want to learn more about first-click testing? Head to our Academy course and learn how to set up, deliver, and analyze click tests, A/B, and preference tests to access the insights you need to deliver optimal user experiences.

Did this answer your question?