Embedding Figma designs in Freehand V7

Use the Figma add-on to curate and contextualize designs in Freehand so collaborators can easily give feedback. You can pin the Figma add-on to the sidebar for easy access. You will need to have View access to the Figma file to embed the design into Freehand.

Embedding Figma designs

To embed your Figma design into Freehand:

1. Open your design in Figma, click Share, and copy the share link.
2. Log in to InVision and open your freehand.
3. On the right sidebar, click the Add-ons icon and select Figma. If it's your first time using the Figma add-on, you will be prompted to authorize the plugin to connect to your Figma account.
   

   Click the pin icon next to the Figma add-on to pin it to the sidebar.

4. In the modal, paste the share link and click and Browse Frames.
5. Select the frames you want to embed and click Import frames.
   
   Frames will be added to the canvas in the order they appear in the modal, regardless of the order in which you select them.

To learn how to add Figma designs to your InVision V7 homepage, space, or project, check out this article: Adding External Files and Links to InVision

Grouping Figma frames

You can group Figma frames together so they are easy to move around your freehand.

To group Figma frames in Freehand:

1. Highlight the frames you want to group together.
2. Optionally, click the Arrange to grid icon  and drag the icon to arrange the frames in a grid.
3. Click the Group icon .
4. Drag the grouped frames to your desired location on the canvas.

Updating Figma frames

If you make changes to a design in Figma and you want the changes to be visible in Freehand, you can update the frame in the Figma add-on modal.

To update Figma frames in Freehand:

1. On the right sidebar, click the Add-ons icon and select Figma.
2. In the modal, paste the share link from the Figma design and click and Browse Frames.
3. Select the frame(s) you want to update and click Import frames.

Interacting with Figma frames

You can interact with Figma frames and collaborate on designs by adding emoji and comments. Use the toolbar to select the emoji or comment icon and click on the Figma frame where you want to leave your mark. Learn more about commenting here: Commenting in Freehand

Copy, Delete, or Duplicate a Figma frame

Select a Figma frame in your freehand and click the More icon to do any of the following:

• Copy link: copy a link to the Figma frame
• Copy: copy the Figma frame
• Delete: delete the Figma frame
  Note: If you accidentally deleted a frame, use the keyboard shortcut Cmd + Z to restore the deleted item. You can also revert to a previous version of the document using version history.
• Duplicate: duplicate the Figma frame

Learn more about embedding your content in Freehand here: Embedding content in Freehand