​
Connecting a Figma account to Editor

1

Generate the Figma token

Follow these instructions to generate a Personal access token in Figma. We suggest naming the token something easily identifiable, such as “Bezi Editor token”.

Once the access token is generated, copy it and proceed to Part 2.

2

Set-up the Figma token in the Editor

  1. Return to the Editor

  2. Select an object in your scene or in the Hierarchy to open the Properties Panel

  3. Locate the Materials section of the Properties Panel

  4. Select a Material in the section to open the popover

  5. In the popover, select the Image Texture icon next to Color. This icon looks like a square with a diagonal line through it

  6. Click the ‘Image’ dropdown at the top

  7. Select Figma from the dropdown list

  8. Paste the access token copied from Figma into the “Figma Token” text field

  9. Press Enter to save

​
Linking a Figma frame

Follow steps 2-7 outlined in Part 2 (above) to open the Figma popover for Image Textures. If the Figma account is successfully connected, the popover will look similar to the popover in the GIF.

Return to Figma and copy the link to the Figma frame that will be used as the texture.

To copy a Figma frame link: right click on the frame in Figma, go to ‘Copy/Paste as’, select Copy Link.

Return to the Figma popover for Image Textures in the Editor. Paste the Figma frame link into the popover text field labeled “Link”.

​
Resizing the plane to fit the Figma frame size

To automatically resize the plane to fit the native size of the Figma frame:

  1. Click the Figma frame texture icon next to Color

  2. Hover over the thumbnail

  3. Select Set to native ratio

PhysicsEmbed Prototypes in Webpages