Plugin user guide

A screen-by-screen tour of the Sorb plugin (Canopy). If you're new, start with Install (beta) to get the plugin into Figma desktop and Connect flows to sign in, then use this guide to learn each view in depth.

Works with Figma. Not affiliated with, or endorsed by, Figma. Figma is a trademark of Figma, Inc.

What the plugin does

The Sorb plugin lives in Figma's plugin panel (380 × 560 px) and connects your Figma Variables to a running app. From it you can:

• Edit tokens in a searchable, editable list and preview the result in your real product.
• Materialize captured components into Figma as native nodes with live Variable bindings.
• Manage your connection — your account, and (under Advanced setup) the bridge, app, and key.

The three views

• Tokens View

  The primary workspace — a searchable token list with live-preview and save actions.

• Components View

  Materialize captured components into Figma as native nodes with Variable bindings.

• Settings View

  Your account, and (under Advanced setup) the bridge, app & key fields.

• Connect flows

  Sign in first; an org key, a developer's invite, or a manual bridge live under Advanced setup.

How to open

Plugins → Development → Sorb in Figma desktop. The plugin is not on the Figma Community yet — during the beta you import it from a zip; see Install (beta).

Works with Figma. Not affiliated with, or endorsed by, Figma. Figma is a trademark of Figma, Inc.