Figma file to LLM-ready JSON

Drop a .fig file to get the layer tree with layout, auto-layout, colors, text styles, and the variables, styles and components each layer uses.

Your file never leaves your browser. Conversion runs locally in WebAssembly; nothing is uploaded.

Drag and drop a .fig file here

Choose a file

In Figma, use File → Save local copy… to get a .fig.

Options Keep internal nodesIncludes the hidden page with local copies of library components. Legacy outputSmaller, without ids, types, token or style names and auto-layout sizing. Also raw JSONAdds canvas.raw.json: the decoded file, untransformed.

Converted

The ZIP holds canvas.json and the images/ it references, as the CLI writes them. Point your LLM at it: “Implement the design in canvas.json. Images are in images/.”

Figma file to LLM-ready JSON

Choose a file

Converted

Preview