Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>AbsoluteHTML ExtractorNew to Visual Studio Code? Get it now.
AbsoluteHTML Extractor

AbsoluteHTML Extractor

supervision

|
3 installs
| (1) | Free
Extracts absoluteHtml from JSON and opens as HTML
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AbsoluteHTML Extractor

A Visual Studio Code extension that allows you to extract the absoluteHtml field from a JSON document and open it as an HTML preview.

This extension is particularly useful when working with exported design data from tools like Figma (e.g., via plugins like Figma to HTML or Builder.io), where HTML code is embedded inside a JSON structure.


📌 Features

  • ✅ Parse and extract the absoluteHtml field from a JSON file.
  • ✅ Open the extracted HTML content in a new VSCode editor tab with proper syntax highlighting.
  • ✅ Display the result side-by-side with your JSON.
  • ✅ Works with standard .json files or copied JSON payloads.
  • ✅ Lightweight and offline — no external dependencies required.

🚀 Usage

  1. Open a .json file that contains an absoluteHtml field.
  2. Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) to open the Command Palette.
  3. Search and run:
Extract absoluteHtml from JSON
  1. The HTML content inside the absoluteHtml key will open in a new tab with HTML syntax highlighting.

📄 Example

Input JSON:

{
"absoluteHtml": "<div style='color: red;'>Hello from Figma</div>"
}

Output:

A new HTML editor tab will open showing:

<div style='color: red;'>Hello from Figma</div>
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft