VS Code extension · 1.2.0
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.
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.
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
Pro
4.00 / month
- Everything in the editor
- 2 machines
- ud, MCP server and AI panel
- Yearly: 40.00 / year
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
code --install-extension SoftForge.softforge-ui-designer