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
Open a .json file that contains an absoluteHtml field.
Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) to open the Command Palette.
Search and run:
Extract absoluteHtml from JSON
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>"
}