Skip to main content
Book a demo

Connect Paper to VS Code

Give VS Code governed access to Paper’s 19 tools through Runlayer, with identity, policy, scanning, and audit on every call.

Book a demo VS Code setup guide

Set up

Add Paper to VS Code in four steps

Admins approve the server once. Everyone in VS Code then gets it through the same governed connection.

  1. 1

    Approve Paper in Runlayer

    Add Paper from the catalog and choose who can use it and which of its tools are allowed.

  2. 2

    Connect VS Code to Runlayer

    Install the Runlayer CLI so VS Code can reach Paper, which runs on the user’s machine. Auto Sync can then write Paper into VS Code on macOS, Windows, and Linux.

    VS Code setup guide
  3. 3

    Sign in to Paper

    Sign in the way Paper requires. Runlayer holds the credentials so they stay out of the client’s configuration.

  4. 4

    Use Paper from VS Code

    Paper’s approved tools appear in VS Code. Every call is checked against policy and recorded.

Tools

19 Paper tools in VS Code

Runlayer policy decides which of these VS Code users can call.

  • Get basic info

    Get essential context about the current design: file name, page name, node count, list of artboards with their dimensions, and a list of font families used in the document.

  • Get selection

    Get detailed information about the currently selected nodes, including IDs, names, component types, size, and which artboard they belong to.

  • Get node info

    Get detailed information about a specific node by ID, including its size, visibility, lock state, parent, children IDs, and text content.

  • Get children

    Get the direct children of a node.

  • Get screenshot

    Capture a screenshot of a specific node by ID.

  • Get jsx

    Get the JSX code representation of a node and its descendants.

  • Get tree summary

    Get a compact text summary of a node's subtree hierarchy showing component type, name, ID, and dimensions.

  • Get computed styles

    Get the computed CSS styles for one or more nodes.

See all 19 Paper tools

Control

What Runlayer can see and stop in VS Code

Some controls apply to every client at the gateway. Others depend on what VS Code exposes to Runlayer.

  • Gateway policy (available)

    Every Paper call from VS Code passes through Runlayer, where your policies can allow, alert, mask, or block it.

  • Audit trail (available)

    Each call is recorded with the user, VS Code as the client, the tool, and the policy and scanner decisions.

  • Client hooks (available)

    Capture supported prompts, reasoning, local and MCP tool calls, responses, and scanner decisions in real time.

  • Stop a call before it runs (available)

    Runlayer can deny a tool call before VS Code runs it.

  • Block output after it runs (available)

    Runlayer can block a tool’s output before VS Code’s model sees it.

  • Redact output in place (available)

    Runlayer can mask sensitive parts of a tool’s output in VS Code and pass the rest through.

Frequently asked questions

Connect more

Find another combination