Sync design tokens from Figma into files in the workspace open in VS Code, and export the current selection for AI-oriented workflows. Traffic stays local on your machine.
Requirements
Visual Studio Code 1.85 or newer
Warlock DX Figma plugin, using the same port as in VS Code (default is usually 3846)
Quick start
Open your project folder in VS Code.
Enable the extension and find the Warlock icon in the activity bar (side rail). The bridge panel lives there.
From the Command Palette (Warlock:) you can open the panel, start, or stop the bridge if needed.
In Figma, connect the plugin to the same host/port the extension uses.
If another app already binds that port on localhost, change it in VS Code settings and in the plugin so they match, or quit the other app.
Settings (VS Code)
In Settings, search the warlockTokens prefix (or edit user or workspace settings.json). Common options:
Setting
Purpose
warlockTokens.bridgePort
WebSocket port for the bridge.
warlockTokens.outputSubdir
Folder where token files are written.
warlockTokens.selectionExportSubdir
Folder for selection exports (e.g. for AI).
warlockTokens.outputFormatOverride
Optional forced output format.
warlockTokens.bridgeAuthToken
Optional shared secret for the connection.
Other keys under warlockTokens are described in the VS Code settings UI.
Privacy and data
The bridge listens on localhost and only writes inside the workspace you have open.
