VS Code Extension

Scripted CAD for VS Code

Write TypeScript, see 3D, export STEP/STL.
Let Claude Code design the parts for you.

ShapeItUp — ShapeItUp

Explorer

src

No file open

TERMINALClaude Code

3D Preview

Loading 3D...

TERMINALClaude Code

No file open

Loading 3D...

Everything you need for scripted CAD

Write TypeScript. See 3D. Export to manufacturing formats. All inside VS Code.

Live 3D Preview

Updates instantly on save. Orbit, pan, zoom, and inspect your model in a Three.js viewport.

Params

teeth16

module2

Parameter Sliders

Export a params object and get interactive sliders. Adjust dimensions live.

.step

CNC / Mold

export

.stl

3D Print

STEP & STL Export

Manufacturing-ready STEP for CNC or injection molding. STL for 3D printing.

TERMINALClaude Code

>Make a gear with 24 teeth

Thinking...

I'll create an involute gear profile with a hub.

▶create_shape

file: gear.shape.ts

Writing 20 lines...

✓Gear created: 24T, module 2, 10mm face width.

AI-Powered with Claude

Built-in MCP server lets Claude Code create, modify, and visually verify your models. Describe what you want in natural language.

Parts

plate

bolt-1

bolt-2

Multi-File Assemblies

Import parts across files. Per-part colors and naming in the parts panel.

42.5 mm

Measure & Inspect

Click-to-measure distance between points. Section plane to cut through and inspect internal geometry.

How it works

From TypeScript to manufactured part in three steps.

Write TypeScript

Create .shape.ts files using the Replicad API. Full TypeScript support with autocompletion and parameter sliders.

plate.shape.ts

1import { drawRoundedRectangle, sketchCircle } from "replicad";

3export const params = { width: 80, depth: 24, fillet: 3 };

5export default function main({ width, depth, fillet }) {

6 let plate = drawRoundedRectangle(width, 50, 5)

7 .sketchOnPlane("XY")

8 .extrude(depth);

10 // Mounting holes

11 for (const [x, y] of [[28,15],[-28,15],[-28,-15],[28,-15]]) {

12 plate = plate.cut(sketchCircle(4).extrude(depth).translate(x, y, 0));

13 }

15 return plate.fillet(fillet);

16}

See it in 3D

The live preview updates automatically every time you save. Orbit, pan, zoom, measure, and section your model.

3D Previewplate.shape.ts

Fit

Edges

Dims

XYZ

auto-updates on save

Export & Manufacture

One click to export manufacturing-ready STEP files for CNC machining or injection molding, and STL for 3D printing.

Export

plate.shape.tssource

.step

STEP

CNC / Injection mold

.stl

STL

3D printing

MCP Integration

AI builds your CAD models

ShapeItUp includes an MCP server that gives Claude Code tools to create, modify, and visually verify CAD models. Describe what you want in natural language.

Claude Code — ShapeItUp MCP

TERMINALClaude Code

>Create an enclosure for a Raspberry Pi 4 with USB-C and HDMI cutouts

Thinking...

I'll create a parametric enclosure with shell walls,

rounded corners, and port cutouts for USB-C and HDMI.

▶create_shape

file: enclosure.shape.ts

Writing 23 lines...

▶render_preview

Capturing screenshot with dimensions...

✓Enclosure verified: 90x65x30mm, 2mm walls, USB-C + HDMI cutouts. Sliders active.

3D Previewenclosure.shape.ts

Fit

Edges

Parts

enclosure

XYZ

create_shapeCreate .shape.ts files

modify_shapeUpdate existing shapes

render_previewScreenshot with dimensions

validate_scriptCheck TypeScript syntax

get_api_referenceReplicad API docs

Start building in 3D

Install the extension, create a .shape.ts file, and see your first 3D model in seconds.

Install from Marketplace View Source

$ext install shapeitup.shapeitup-vscode