io.github.n0ss4/grafta

Talk to your Figma files.
Get a Figma file, and talk to it. Ask your AI what's in it, change it, or turn it into code, in whatever language you work in.
No Figma account, no Figma app running, no API limits.

_{48 seconds, no sound. The requests, replies, code and pictures are from real sessions in Claude Code and Claude Desktop, shortened; the windows are drawn. Watch it on the website, with its scenes.}

Try it · Install · What to ask · Tools · Limits · FAQ · Website

What is it? A free, open-source tool your AI app uses: Claude, Cursor, Codex and others. It connects through MCP, the way AI apps connect to tools. It reads a Figma file on your computer exactly, so your AI works from the real values and never guesses.

What is a .fig? A Figma file. In Figma: File → Save local copy… Somebody may also just send you one. Slides, FigJam and Sites files work too.

Is it for me? If you have a Figma file and an AI app. A designer changes it, a developer turns it into code, and someone who was sent it asks what it is.

Try it

1. Install grafta in your AI app.

2. Get a file: yours, or this sample, the card in the video.

3. Ask, in words:

   Using grafta, what's in order.fig?

   Make it light, and check the contrast.

   Now turn it into code.

In Claude Desktop, say where the file is, like ~/Downloads/order.fig. A file uploaded to the chat lives in Claude's cloud, so Claude copies it to a folder on your Mac that you allow, and grafta opens it there.

No AI app at hand? Open a Figma file in your browser: its pages and screens, PNGs and design tokens, with grafta running in the page and nothing uploaded.

grafta never writes over your file: it saves a new one, and reads it back before it says it is done. Open it in Figma to see it. How good the code is depends on your AI: grafta gives it exact values, and writes no code itself.

Install

... View full README on GitHub