Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>Warlock DX — Tokens BridgeNew to Visual Studio Code? Get it now.
Warlock DX — Tokens Bridge

Warlock DX — Tokens Bridge

warlock-dx

| (0) | Free
Bridge local entre Figma y VS Code para sincronizar tokens de diseño y exportar selección para IA.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Warlock DX — Tokens Bridge (VS Code)

Sincroniza tokens de diseño desde Figma hacia archivos del workspace abierto en VS Code y permite exportar la selección para flujos con IA. El tráfico es local en tu equipo.

Requisitos

  • Visual Studio Code 1.85 o superior
  • Plugin Warlock DX en Figma, configurado con el mismo puerto que en VS Code (el valor por defecto suele ser 3846)

Uso rápido

  1. Abre la carpeta del proyecto en VS Code.
  2. Activa la extensión y localiza el icono Warlock en la barra de actividad (lateral). Ahí está el panel del bridge.
  3. En la paleta de comandos (Warlock:) puedes abrir el panel, iniciar o detener el bridge si lo necesitas.
  4. En Figma, conecta el plugin al mismo host/puerto que usa la extensión.
  5. Si otra aplicación ya usa ese puerto en localhost, cámbialo en la configuración de VS Code y en el plugin para que coincidan, o cierra la otra app.

Configuración (VS Code)

En Ajustes busca el prefijo warlockTokens (o edita el settings.json del usuario o del workspace). Las opciones más habituales:

Ajuste Para qué sirve
warlockTokens.bridgePort Puerto del bridge WebSocket.
warlockTokens.outputSubdir Carpeta donde se escriben los archivos de tokens.
warlockTokens.selectionExportSubdir Carpeta para exportaciones de selección (p. ej. para IA).
warlockTokens.outputFormatOverride Formato de salida forzado (opcional).
warlockTokens.bridgeAuthToken Secreto compartido opcional para la conexión.

El resto de claves bajo warlockTokens aparecen descritas en la propia UI de ajustes de VS Code.

Privacidad y datos

El bridge escucha en localhost y solo escribe dentro del workspace que tengas abierto.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft