One of our goals is make it easier to implement Amplifi into your existing daily workflows. To do this we are starting to integrate with other platforms our customers use to create and edit content.

The Figma plugin is available to install and use in both their desktop and web apps.

What does the plugin do?

Access by role

Access by seat

Once your account has been authenticated you will see the screen below. Navigate back to Figma to start using the plugin.

Scoring all text within a frame

A ‘frame’ is the parent layer for a group of individual ‘text nodes’. Within Figma a frame is usually presented as a mobile screen, web page, or document layout.

Generate scoring metrics for a text frame

To generate a score for a frame, simply select the frame title. When the frame is selected, the plugin will also generate scores for all the metrics which are available within the main Amplifi web app.

To view the scores, click the ‘scoring for frames’ tab at the top of the plugin.

Scoring text nodes within a frame

A ‘text node’ is an individual text box within a Figma frame. To generate a score simply select the text box within Figma. The scoring will be displayed at the top of the ‘suggestions’ tab.
​

Rescoring text after making edits in Figma

After you have synced the Figma frame with Amplifi, the plugin will start to track the improvements made to a frame over time and include these in all of the reports associated with the Figma frame.

This will allow you to evidence improvements made from the starting score to the current score in the same way as the main Amplifi web app.

If you have a full end to end journey laid out in Figma and want to know the intelligibility score for all the frames within it, you can do this using the multi frame scoring feature.

Selecting multiple frames for scoring

To generate a score for multiple frames, hold the shift key and select the frame titles you want to score. The aggregated score for all of the frames will be displayed in the ‘scoring for frames’ tab.

Downloading PDF report for multiple frames

When multiple frames are selected, the download pdf button will export the aggregated report for all of the selected frames.

Ordering content for multi frame scoring

When multiple frames are selected we gather all of the text together before sending it to be scored. This is ordered using the Figma X/Y axis.

You should consider this when arranging your content before sending it to be scored. Jumbled content may have a negative impact on the intelligibility score!

See the image below to explain how the X/Y axis works for ordering.

We have added all of the suggestions from the main Amplifi web app directly within the Figma plugin. You can view all of the suggestions for a frame, or focus only on the suggestions within a text node.

The suggestions will flag parts of the text which are having a negative impact on the intelligibility score. Where possible, try to resolve these by replacing the text - this will improve the intelligibility score for the parent frame.

Viewing suggestions for frame

Select a text frame title to view all of the suggestions for the text contained within the frame.

Viewing suggestion in a text node

Select a text node to focus only on the suggestions for text contained within the node.

Using the suggestions

Simply click the suggestions cards to highlight the selected text with a frame or text node.

We wanted to create a feature which allowed you to send Figma content directly to the Amplifi web app. This removes the need to export PDFs from Figma and upload into Amplifi and vice versa.

Syncing Figma frames to Amplifi

To sync a Figma frame with Amplifi simply select the frame title, then select ‘sync with Amplifi’. This opens up a connection between the two platforms and starts sending data between them.

You only need to sync a frame once

When you sync a frame the link between the two platforms will remain live until you delete the Figma content item in Amplifi.

This means any changes you make in Figma will be automatically updated in Amplifi.

Viewing Figma files in Amplifi

Figma content can be accessed directly within the Amplifi web app. Within the content management page it is identified by the ‘Figma’ file type. When selected, you will be able to view:

We have included a feature to track and visualise how the intelligibility score has changed over time for a frame. Within the version history you can track:

Once a Figma frame has been synced to Amplifi, you can add it you can include it in your aggregated scoring by adding labels. Once labels are added the file will be included in all dashboard aggregated reports.
​
To add labels to a Figma file: