Turns a live site or a page of code into an editable Figma file.

The code, docs, an environment template and the licence. There is no design file.

Nothing. You need Claude Code and a Figma account.

Can you build me one?

Yes. Tell us what you would change and we reply within 2 working days with scope and price.

NX-003Live

Figma Forge

Figma Forge is a Claude Code plugin that reads a live website, or a page of your own code, and rebuilds it in Figma as editable frames with auto-layout, text styles and colour variables. It is for anyone redesigning a site that already exists. It is live and free under the MIT licence: install it or read the source.

View source Contribute Build one for me

Type: Agent/Plugin
Stage: Live
Cost: Free · MIT
You need: Claude Code and a Figma account
Last activity: Released 6 days ago (placeholder)

What you get back: a Figma file you can edit, layer by layer.

Figma · imported from example.com3 frames

Install in Claude Code (placeholder)

claude plugin install figma-forge@nexlabz

What it looks like · sample output

Run the command above, then restart Claude Code.
Sign in to Figma once when it asks. It writes only to files you name.
Ask for “example.com into Figma”. Frames arrive at 1440, 768 and 375 wide.

The facts, without the pitch.

Figma Forge specification (placeholder values)
Type	Agent/Plugin
Stage	Live
Stack	TypeScript · Playwright · Figma MCP
Licence	MIT
Repo	github.com/nexlabz/figma-forgePublic
Last commit	3 days ago
Last deploy	v0.4.2 · 6 days ago
Uptime	Not applicableRuns on your machine, not ours
Makers	Nexprove lab · 2 makers

Six parts, two halves. Read on your machine, write into Figma.

1 to 3 run on your machine.A headless browser loads the page at three widths and reads computed styles, not screenshots.

4 is where most of the work is.Flex and grid boxes become auto-layout frames with the same gaps and padding, so the file stays editable.

5 and 6 write into Figma, nothing else.Variables are created first so the frames can bind to them.

What is in the box, and what it costs.

CodeIncluded
Design fileNot included
DocsIncluded
Environment templateIncluded
LicenceIncluded

FreeMIT

What is it?: Turns a live site or a page of code into an editable Figma file.
What is included?: The code, docs, an environment template and the licence. There is no design file.
What does it cost?: Nothing. You need Claude Code and a Figma account.
What licence?: MIT.
Can you build me one?: Yes. Tell us what you would change and we reply within 2 working days with scope and price. Start a request.

Want one like this?

Tell us what you would change. We reply within 2 working days with scope and price.

Start a request

Loading the shelf…

Figma Forge

What you get back: a Figma file you can edit, layer by layer.

Figma · imported from example.com3 frames

Install in Claude Code (placeholder)

claude plugin install figma-forge@nexlabz

What it looks like · sample output

Run the command above, then restart Claude Code.
Sign in to Figma once when it asks. It writes only to files you name.
Ask for “example.com into Figma”. Frames arrive at 1440, 768 and 375 wide.

The facts, without the pitch.

Figma Forge specification (placeholder values)
Type	Agent/Plugin
Stage	Live
Stack	TypeScript · Playwright · Figma MCP
Licence	MIT
Repo	github.com/nexlabz/figma-forgePublic
Last commit	3 days ago
Last deploy	v0.4.2 · 6 days ago
Uptime	Not applicableRuns on your machine, not ours
Makers	Nexprove lab · 2 makers

Six parts, two halves. Read on your machine, write into Figma.

1 to 3 run on your machine.A headless browser loads the page at three widths and reads computed styles, not screenshots.

4 is where most of the work is.Flex and grid boxes become auto-layout frames with the same gaps and padding, so the file stays editable.

5 and 6 write into Figma, nothing else.Variables are created first so the frames can bind to them.

Figma Forge

At a glance

What you get back: a Figma file you can edit, layer by layer.

The facts, without the pitch.

Six parts, two halves. Read on your machine, write into Figma.

What is in the box, and what it costs.

Want one like this?

Figma Forge

At a glance

What you get back: a Figma file you can edit, layer by layer.

The facts, without the pitch.

Six parts, two halves. Read on your machine, write into Figma.

What is in the box, and what it costs.

Want one like this?