Teo Tokis Co-founder at useberry

How to test your Figma prototypes

2 min read

Figma is a cloud-based and collaborative design tool. Figma is where teams design together. Bring ideas to life in design, wireframe, or prototype. Partner with teammates from content creation to design implementation. Get better feedback from your stakeholders. Figma gets everyone on the same page—literally.

As for that, we are excited to announce that Useberry now supports Figma prototypes!

Test your Figma prototypes on the spot

Useberry helps you test prototypes that you’ve created on Figma, capture actionable feedback, and eliminate guesswork. Get insights and learn what works well for your users before shipping your product. 😉

Let’s start, shall we?

First things first! Before anything else, make sure that you have successfully installed the Useberry plugin on your Figma environment. If not, go to the Plugins panel, search for “Useberry” and click Install.

Upload a prototype to Useberry

Select the layers you want to upload, add a prototype name, and set the device viewport.

After uploading your prototype to Useberry, it will be available on your Workspace’s Library. This helps you have access to your prototype at any given time, without the need to re-upload it to use in another project/test.

Create a new test

You can create a test either from Useberry (since you’ve uploaded your prototype there) or right from the plugin.

Selecting the plugin option, you can choose between 5 types of tests (Single Task, Multiple Tasks, Open Analytics, First Click & 5 Second Test) and create it without leaving Figma.

ex. How to create a Single Task test

  1. Create a new test & choose the Single Task block.
  2. Set the task title & add some instructions.
  3. Select the screen where the task starts.
  4. Select the screen where the task is successfully completed.
  5. Congratulations! Your test was created successfully!

Add more blocks

You can add more blocks and customize your test on Useberry by clicking the “Add on useberry” button.

Sync prototype

All blocks connected with this prototype will be synced with the new version. Tasks, instructions, completions, and results won’t be affected.

Select the layers you want to sync (for example a single layer).

Optionally:

  • you can upload all the prototype flow again.
  • you can delete all previously uploaded screens.

Share test

Share your tests with your users, community, or teammates, and start collecting results for your tests.

What about the results?

With Useberry, you have all of your collected feedback beautifully visualized on your dashboard or directly in the Figma workspace.

Because, after all, that’s what Useberry is; a tool that allows arguing your designs based on actual user feedback, by keeping at hand valuable insights such as heatmaps, video recordings, user flows, time bars, and answers to your follow-up questions.

View results directly on Figma

Heatmaps

The plugin generates Heatmaps that are graphically represented right on the design so that you can promptly get feedback and swiftly optimize your product by adjusting colors, typography, and other elements based on the project’s style guides.

User Flow

The plugin creates a graphical representation of the testers’ journey while they’re interacting with the prototype.

View Heatmaps on User Flow.

Optionally, the plugin enables all Heatmaps collected on each screen right on the User Flow, so that all feedback is collected in one place for further analysis.

More about user testing with Useberry is available in our documentation. 📖


We’d love to know your experience with Useberry and we will be excited to hear your thoughts and ideas. Drop us a line on our social media or email us directly at contact@useberry.com.

If you ever feel stuck or have any kind of questions, feel free to contact Useberry Support – we’d be happy to straighten everything out for you as soon as possible.

Teo Tokis Co-founder at useberry
UX Curated newsletter.
Do you want cool stuff sent to your inbox?