Connect Figma
Connect your Figma account so a Prototype step captures where participants click and turns it into a heatmap. Prototype steps work without the connection, and the connection adds the click data.
Participants open your Figma prototype live during the interview and move through its screens. Connect Figma and Strella also records where they click, and turns that into a heatmap you can read in Results.
A Prototype step works whether or not you connect Figma. Paste the prototype link and participants can explore it in the call either way. Connecting adds the screen list, start and goal screens, and click heatmaps. If you skip it, the prototype still shows, and no clicks are recorded.
Before you start
You'll need:
- A Figma account with access to the prototypes you want to use.
- The prototype published (not just shared) and set to Anyone with the link can view, so Strella can render it and participants can interact with it.
Steps
- Open the home sidebar → Integrations
Click Integrations in the home sidebar to open your integration settings, which list each service you can connect.
- Click Connect on Figma
Strella opens Figma's authorization screen. Sign in if you aren't already.
- Authorize
Figma asks you to grant Strella access to view your prototypes. Confirm.
The connection belongs to you inside the organization you are in when you connect. Each teammate who wants click heatmaps connects their own, and a connection made in one organization does not carry over to another organization you belong to.
- (In Build) Add a Prototype step
+ Add element → Prototype in Build lets you paste any prototype URL you can access in Figma. With Figma connected, the import also includes the prototype's screen list. See Add a stimulus for the rest.
Your studies in this organization capture clicks on Figma prototypes. The connection stays until you disconnect it, until your Figma session expires, or until you connect Figma in another organization.
Tips
- Each teammate connects their own Figma. If a coworker authors the prototype steps, they need their own connection, not yours.
- One organization at a time. Connecting Figma in another organization disconnects this one. Prototype steps here keep working, but they stop recording clicks until you connect again.
- If a prototype that recorded clicks stops recording them, reconnect Figma. The connection can expire without notice, and a study run in the meantime has no heatmap to show.
- For Figma Make connections (the AI design assistant), see API, MCP & AI assistants.
Related
Billing & credits
Strella supports pre-purchased wallet credits, pay-as-you-go card checkout, and invoiced billing for enterprise. View your balance and transaction history in Billing.
API, MCP & AI assistants
Strella exposes a public REST API, an MCP server, and connectors for Claude, ChatGPT, and Figma Make. Generate keys and configure connections here.