Design the interface where the code lives.

A Figma-class design tool inside VS Code: one .design file next to the code, and a ud command line that gives Claude Code and your scripts every editor command.

Install from the Marketplace Try on vscode.dev

Free trial · Free plan for viewing · Pro and Team

Three things, one file

Design

Canvas, components, variables and prototyping, as you know them.

Build

Inspect, snippets, code generation, lint and comments next to the code.

Direct agents

ud, an MCP server with Figma's tool names, Claude Code skills.

From a blank page to code

Made for agents

The same tool names and parameters as Figma's MCP server, so the skills and scripts written for Figma work here unchanged.

use_figma runs Plugin API scripts against the .design file, as one undoable change.
ud mcp serves the same tools to Claude Code and any MCP client.
Skills teach the agent the file format, the commands and your design system.

claude — use_figma

Works with what you have

Figma import
HTML pages
Sketch
Penpot
Live Share
vscode.dev
Project Board
Software Board

Plans

Trial

0 for 30 minutes

Everything, for 30 minutes
Editing, ud and the MCP server
No sign-in needed
Then the Free plan

Start the trial

Free

0 forever

Viewing every file
Inspect and snippets
Comments
Export

Install

Pro

4.00 / month

Everything in the editor
2 machines
ud, MCP server and AI panel
Yearly: 40.00 / year

Choose Pro

Team

15.00 / month

Everything in Pro
5 machines
Shared libraries
One bill for the team

Choose Team

Paid plans: sign in with your Soft Forge account or paste a licence key. A sign-in works offline for 7 days (Pro yearly: 14), then a 3-day grace period when the server cannot be reached.

Install in a minute

bash

code --install-extension SoftForge.softforge-ui-designer

Marketplace page