DesignVaultDocs

Figma plugin

Send frames from Figma to your DesignVault library without leaving the canvas — select, add metadata once, and batch-upload. Built for designers producing at volume.

Install

The plugin is on its way to the Figma Community (listing in review). Once live, install it from the Community page and run it via Plugins → DesignVault. Two commands are available:

  • Send selection to DesignVault — the main flow
  • Settings… — account and server configuration

Sign in — no token copy-pasting

The plugin authenticates with an OAuth-style device flow (RFC 8628). Click Sign in and the plugin opens your browser on a DesignVault approval page with a short pairing code; an owner or admin of the organization approves it, and the plugin receives its own dedicated API key. The code expires after 10 minutes and is single-use.

  • The key is scoped to your organization with assets:write — it can push and read assets, nothing else.
  • It appears under Settings → API keys like any other key, and can be revoked there at any time.
  • Sign out in the plugin revokes the key server-side — it doesn't just forget it locally.
  • Your Figma personal access token is never involved — the plugin runs entirely inside Figma.

Send frames

Select one or more frames, run Send selection to DesignVault, fill in the metadata and hit Send. Everything in the form is fetched live from your organization:

The DesignVault plugin panel in Figma: a selected frame, asset type, title, client, product, tags and collection fields, export scale, and a Send button
The send form — one selected frame, metadata pre-filled from your org's catalogue.
  • Asset type — your org's catalogue
  • Client and Product — with suggestions from values already in your library
  • Tags — applied to every frame in the batch
  • Collection — an existing collection to file the assets into
  • Export scale — 1× to 4×; each rendered PNG is capped at 25 MB (the plugin tells you to lower the scale if a frame exceeds it)

Each frame becomes one asset, titled after the frame name, with a source_url linking back to the exact Figma node — one click in DesignVault reopens the frame in Figma. Frames already in your library are detected server-side and reported as duplicate in the upload log instead of creating copies.

Limits & quotas

  • Uploads count toward your plan's asset limit, like any other import.
  • Pushes go through the same rate limit as the API: 30/min per key. Large batches are sent sequentially, so they self-pace.
  • Assets sent from the plugin are marked human-made (created_by_ai: false) — no AI badge in the UI.

Privacy & security notes

  • The plugin talks only to www.designvault.net (the allowed domain is declared in the plugin manifest — Figma enforces it).
  • The API key is stored in Figma's clientStorage, which is local to your Figma account but not encrypted at rest — revoke the key from DesignVault if your machine is compromised.
  • Frame pixels are uploaded only when you press Send. Nothing leaves Figma in the background.

Other ways to import from Figma

Pasting a Figma URL into the in-app Import modal is often quicker for a single frame, and the programmatic API covers automations. See Figma integration for the full comparison, token setup and thumbnail-refresh behavior.