Figit

HTML to editable
Figma designs

Figit is an open-source library that converts HTML into fully editable Figma layers. No plugin to install — just copy and paste.

paste-to-figma.ts
import { createFigmaConverter } from "@figit/dom-to-figma";

const figma = createFigmaConverter();

const result = await figma.convert({
  element: document.getElementById("design"),
  width: 1280,
  height: 800,
  name: "Hero",
});

await navigator.clipboard.write([result.toClipboardItem()]);
Coming soon

Chrome extension & hosted API

The library is open-source and ready today. We're building a one-click Chrome extension and a hosted API for teams. Drop your email and we'll let you know when they're ready.

No spam. One email when we launch.