VSCode UI Sketcher

Draw your projects to life

ui-sketcher-1.1.0.mp4

Download

Head to the Visual Studio Marketplace or search for "UI Sketcher" in the extensions tab.

Installation & Usage

You can read the extension's readme here.

Development

• Only work from the ui-sketcher.code-workspace file
• Install dependencies with pnpm install
• From ./ui-sketcher-webview run pnpm build or pnpm build --watch if you're working on the webview
• Use VSCodes debugger to run the extension
• You can also work on the webview in a browser by running pnpm --filter ui-sketcher-webview dev from ./ui-sketcher-webview and opening http://localhost:3174

Thanks

• Steve Ruiz for tldraw and makereal
• Sawyer Hood for the headstart with draw-a-ui