https://github.com/pairprogio/vscode-ui-sketcher
Draw your projects to life
https://github.com/pairprogio/vscode-ui-sketcher
gpt4v tldraw ui-design vscode-extension
Last synced: about 1 month ago
JSON representation
Draw your projects to life
- Host: GitHub
- URL: https://github.com/pairprogio/vscode-ui-sketcher
- Owner: pAIrprogio
- License: agpl-3.0
- Created: 2023-11-08T14:00:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-15T23:32:55.000Z (over 1 year ago)
- Last Synced: 2023-12-16T09:37:21.548Z (over 1 year ago)
- Topics: gpt4v, tldraw, ui-design, vscode-extension
- Language: TypeScript
- Homepage:
- Size: 1.58 MB
- Stars: 160
- Watchers: 2
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# VSCode UI Sketcher
### Draw your projects to life
https://github.com/pAIrprogio/vscode-ui-sketcher/assets/1863461/b9f1a1ac-00c9-4c96-bbd0-de15c0e20db8
## Download
Head to the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=pAIrprog.ui-sketcher) or search for "UI Sketcher" in the extensions tab.
## Installation & Usage
You can read the extension's readme [here](./ui-sketcher-extension/README.md).
## 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](http://localhost:3174)
## Thanks
- [Steve Ruiz](https://twitter.com/steveruizok) for [tldraw](https://github.com/tldraw/tldraw) and [makereal](https://github.com/tldraw/make-real)
- [Sawyer Hood](https://twitter.com/sawyerhood) for the headstart with [draw-a-ui](https://github.com/SawyerHood/draw-a-ui)