What plans is the Figma integration available on?

The Figma integration is currently available on all plans.

What are the capabilities of the Figma integration?

Figma can be embedded in any area of the event (stage, session, expo booth). This will allow you to share your Figma File or Prototype or a specific frame in the Figma File with your attendees on screen.

What are the current constraints of the Figma integration?

Embedded Figma files and prototypes can only be viewed, not edited or commented upon. We'll be working with Figma to provide more functionality in this integration in the future.

How do I set up the Figma integration?

To integrate Figma with Hopin, please take the following steps:

In Figma:

  1. Open the file or prototype you want to share on your Hopin screen.

  2. If you want to link to a specific frame in the Figma File, select the frame and then follow below. If you want to link to entire Figma File or Prototype, just follow below.

  3. Click the Share button in the toolbar. This will open the Sharing modal.

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a9ba2c0e-5149-4fa0-817b-fc3b7afc9b07/Screenshot_2021-02-18_at_21.29.05.png

  4. Adjust your link sharing permissions to determine who can view and interact with the file embed (Optional).

  5. Click Copy link to copy the Figma URL you would like to share.

In Hopin:

  1. Login to your Hopin account, choose the relevant organization from the left-hand menu, click on the 'Integrations' tab, and scroll until you find the Figma integration. Click the checkbox and then hit 'Save' at the bottom of the page to enable Figma:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b67c788b-8ee9-40c1-9717-963d715782cd/Screenshot_2021-02-19_at_08.06.28.png

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3ea9f8f9-c063-4f71-9e19-a657761c1875/Screenshot_2021-02-19_at_08.07.52.png

  2. Click 1) then 2) on the Hopin Screen (in a stage, session, or expo booth):

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f1946cdd-7123-49fa-bf9c-01906cce110b/Screenshot_2021-02-19_at_08.10.42.png

  3. Enter the copied link from above and click the Share a Figma File/Prototype button:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1fd3043a-37d7-46f9-9270-cc0349896cc6/Screenshot_2021-02-19_at_08.11.18.png

  4. Your Figma File or Prototype will now be visible in a shared screen:

    https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8862c11b-7f48-4e71-b425-585fd98c4bc1/Screenshot_2021-02-19_at_08.19.10.png