Settings View
Settings configures every connection URL and the insert behavior. All values persist locally in the plugin, so you set them once per project.
Layout at a glance
┌──────────────────────────────────────────┐
│ [Tokens] [Storybook] [⚙ Settings ▼] │
├──────────────────────────────────────────┤
│ Bridge origin │
│ [http://localhost:7777 ] │
├──────────────────────────────────────────┤
│ App URL │
│ [http://localhost:5173 ] │
├──────────────────────────────────────────┤
│ Storybook URL │
│ [http://localhost:6006 ] │
├──────────────────────────────────────────┤
│ GitHub token file │
│ [https://github.com/…/tokens.json ] │
├──────────────────────────────────────────┤
│ [✓] Label inserted components │
└──────────────────────────────────────────┘
The settings
| Setting | Default | Purpose |
|---|---|---|
| Bridge origin | http://localhost:7777 | Where sorb dev (the bridge) is reachable. |
| App URL | http://localhost:5173 | The page opened by Preview in app (with ?preview=<id>). |
| Storybook URL | http://localhost:6006 | The page opened by Preview in Storybook. |
| GitHub token file | demo repo tokens/semantic.json | The web-editor URL opened by Open PR — point this at your branch's token file. |
| Label inserted components | ON | Wraps each Storybook insert in a named frame. |
Connecting to a team? Instead of a local bridge origin you can connect with an org publishable key — see Connect flows and Cloud & accounts.
Where values are stored
Settings persist in the plugin's local storage per Figma client. They're not shared across machines — each person configures their own connection (or pastes a handshake invite that fills these in for them).
Next
Works with Figma. Not affiliated with, or endorsed by, Figma. Figma is a trademark of Figma, Inc.