{
  "gem": {
    "slug": "source-design-vg-2085",
    "name": "Source → Design",
    "description": "Figma plugin that renders a local HTML file or a React, Next.js, Vue or Svelte project ZIP in Chromium and rebuilds it as organized editable layers.",
    "url": "https://www.figma.com/community/plugin/1671982756700161071/code-to-figma-html-react-next-js-source-design",
    "domain": "figma.com",
    "author": "@meltedmen",
    "license": "free",
    "category": "Figma, Assets & Media",
    "subcategory": "Figma ecosystem",
    "tags": [
      "figma-plugin",
      "html-to-figma",
      "react",
      "nextjs",
      "import"
    ],
    "whyGem": "Works from a local project ZIP — no public URL needed, and layers stay structured.",
    "sourceType": "x-thread",
    "image": "/api/public/library/og/VG-2085-card.svg",
    "pageUrl": "https://vibing.inc/library/source-design-vg-2085"
  }
}