Figma Plugin

Export Figma frames to Sitemarks and view annotations directly in your design tool.

The Sitemarks Figma plugin connects your design files to the feedback workflow. Export frames as markups, view annotation summaries without leaving Figma, and keep designs in sync as they evolve.

Installing the plugin

1. Open Figma and go to Plugins > Browse plugins in Community.
2. Search for Sitemarks.
3. Click Install.

The plugin is also accessible from the Resources panel (the grid icon in the toolbar) under the Plugins tab.

Connecting your account

The first time you run the plugin, it will prompt you to authenticate with your Sitemarks account:

1. Launch the plugin from Plugins > Sitemarks.
2. Click Connect Account. This opens a browser window to sign in.
3. Sign in and authorize the plugin. The browser will confirm the connection, and the plugin window in Figma will update to show your organization.

Your Figma connection is stored per-organization. If you belong to multiple organizations, you can switch between them in the plugin panel.

Exporting frames as markups

To push a Figma frame into Sitemarks:

1. Select one or more frames on your canvas.
2. Open the plugin and click Push to Sitemarks.
3. Choose the target project and (optionally) a folder within that project.
4. The plugin sends each selected frame to Sitemarks in high resolution and creates a markup linked to that frame.

The plugin remembers which frames map to which markups, so pushing the same frame again updates the existing markup with a new version rather than creating a duplicate.

Viewing annotations in Figma

After a frame has been pushed and your team has left feedback in Sitemarks, you can view annotation summaries directly in the plugin:

• Open the plugin and navigate to the Feedback tab.
• The plugin lists all mapped frames with their open and resolved annotation counts.
• Click a frame entry to see individual annotation details, including comment text and status.

This lets designers triage feedback without switching to the browser.

Syncing changes

The plugin can automatically keep Sitemarks up to date as your designs change, creating new markup versions whenever you update a frame.

To configure auto-sync:

1. Open the plugin settings.
2. Enable Auto-sync on file change.
3. Choose whether to receive notifications when new versions are captured.

You can also trigger a manual sync at any time by selecting a mapped frame and clicking Sync Now in the plugin panel.