Overlay Studio (beta)

A design editor for Visual Studio Code.

Overlay Studio brings a Figma-like design editor directly into your VS Code workspace, enabling you to design and prototype user interfaces alongside your code.

Features

• Design UI components visually within VS Code
• AI-powered design assistance (upcoming)

Getting Started

Open the Overlay editor by clicking the Overlay icon in the Activity Bar or by running the command Overlay: Open Editor from the Command Palette (Cmd/Ctrl+Shift+P).

Note: This extension is currently in beta. Visit overlay.studio for more information.