Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>assetport-figmaNew to Visual Studio Code? Get it now.
assetport-figma

assetport-figma

kimlonghok

|
33 installs
| (0) | Free
Export Figma assets directly to your VS Code workspace.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

assetport

Export Figma assets directly to your VS Code workspace — no cloud relay, fully local.

assetport has two parts that work together — install both:

Install the Figma plugin   Install the VS Code extension

Select layers in Figma, hit export, and the files land straight in your open VS Code workspace — no drag-and-drop, no downloads folder, no cloud relay.


✨ Features

Feature What it does
🖼️ Multi-format export Export selected Figma layers as PNG, SVG, or JPEG straight into your VS Code workspace.
📚 Asset queue Stage multiple layers at once and export them all in a single action.
🔍 Live preview Preview each queued asset at 1×, 2×, 3×, or 4× before committing to export.
🤖 AI-powered naming Auto-rename assets with Gemini based on the visual content of each layer.
📁 Configurable output folder Set a custom relative path per session (e.g. src/assets/icons).
🧬 Combine nodes Flatten a multi-layer selection into a single exported asset.
✂️ Ignore children Skip child layers you don't want included in an export.
🛡️ Duplicate guard Adding the same Figma node to the queue twice is blocked automatically.
🗜️ Lossy compression Configurable quality (0–100) for PNG/JPEG. SVG is always lossless.
🔒 Fully local No cloud relay — the plugin talks directly to a local server in your editor.

🚀 Getting started

  1. Install this extension from the VS Code Marketplace.
  2. Open a folder in VS Code — exported assets are written relative to your workspace root.
  3. The export server starts automatically on http://localhost:32123 (look for assetport in the status bar / activity bar).
  4. Install the companion Figma plugin to send layers over.

🧩 Commands

Command Description
assetport: Start Export Server Manually start the local server.
assetport: Stop Export Server Stop the local server.

License

MIT

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