Figma Integration guide

Turn Figma designs into a SiteSeam Reel

Connect your Figma account, prepare approved frames, and open a file in SiteSeam. Follow the import instructions and learn what to do if Figma limits API access.

11 documented steps

These captures show the live Figma setup and local OAuth connection. File discovery and initial previews succeeded, then the test account reached Figma’s API limit. Import completion and Reel creation still need live verification; those steps are documented as instructions without completion screenshots.

  1. 01

    In Figma

    Create the design for the campaign

    Create or open the approved campaign design and give it a clear title so it is easy to identify from SiteSeam.

    Figma editor showing the named campaign file before artwork is added
    Figma editor showing the named campaign file before artwork is added✓ The campaign design is clearly named and easy to find.
  2. 02

    Confirmation

    Confirmation screen

    Confirm the frames are ready to export

    Review the design and confirm that its approved frames, layout, copy, and brand elements are complete before connecting SiteSeam.

    Figma editor showing eight prepared campaign frames
    Figma editor showing eight prepared campaign frames✓ The approved frames are complete and ready to export.
  3. 03

    In SiteSeam

    Open Figma and start the connection

    Open Integrations in SiteSeam, choose Figma, and select Connect Figma. Only a workspace owner or admin can manage the connection.

    SiteSeam Figma integration details with the connect action
    SiteSeam Figma integration details with the connect action✓ SiteSeam sends you to Figma for secure authorization.
  4. 04

    Confirmation

    Confirmation screen

    Approve SiteSeam access in Figma

    Review Figma's user identity, file metadata, and file content read permissions, then approve the connection. SiteSeam never receives your Figma password.

    Figma authorization page asking the user to approve SiteSeam access
    Figma authorization page asking the user to approve SiteSeam access✓ Figma returns you to SiteSeam with an authorized connection.
  5. 05

    Confirmation

    Confirmation screen

    Verify that Figma is connected

    SiteSeam confirms the connection and marks Figma as connected. If access needs attention later, the same card guides an owner or admin through reconnecting.

    SiteSeam confirmation that the Figma integration is connected
    SiteSeam confirmation that the Figma integration is connected✓ Figma media can now be browsed from an eligible SiteSeam project.
  6. 06

    In SiteSeam

    Create a SiteSeam project

    Create a project for the Reel and give it a descriptive name. This project will hold the imported originals and the content you create from them.

    SiteSeam form for creating a project for campaign content
    SiteSeam form for creating a project for campaign content✓ A clean SiteSeam project is ready for media.
  7. 07

    In SiteSeam

    Paste the Figma file link and choose frames

    Select Figma as the source, paste the Figma Design file link and choose Open file. Open the design, then select the visible frames you have permission to use.

    SiteSeam Figma picker with a real Design file link ready to open
    SiteSeam Figma picker with a real Design file link ready to open✓ Choose Open file, then review and select the visible frames.
  8. 08

    After import is available

    Confirm the import completed

    Accept the media-rights statement and start the import. SiteSeam copies the selected frames into the project without changing their source in Figma.

    The selected frames appear in the SiteSeam project gallery.

  9. 09

    After import is available

    Build the Reel

    Start a Reel, arrange the imported images, choose movement and effects, then review the branding and format before generating.

    The Reel is configured and ready to generate.

  10. 10

    After import is available

    Review the completed Reel

    Open the finished Reel, review the result, and make any final adjustments before downloading or continuing to your publishing workflow.

    The completed Reel is ready for review and distribution.

  11. 11

    Troubleshooting

    If Figma reaches its API limit

    Wait until the retry time shown in SiteSeam. Reconnecting does not reset Figma’s quota. Limits depend on the file’s workspace plan and your Figma seat. You can also export approved PNGs in Figma and use Your Device in SiteSeam while API access is unavailable.

    Live Figma API rate-limit response with the provider’s retry time
    Live Figma API rate-limit response with the provider’s retry time✓ Use the retry time shown for your account; the date in this example is specific to the test account.

Ready to use your Figma designs?

Connect once, then create from approved campaign design.

Choose a Figma design, import the approved frames, and keep every Reel organized in one SiteSeam project.