Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/leo5imon/blank-page-prototyping
Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.
https://github.com/leo5imon/blank-page-prototyping
ai figma prototyping prototyping-tool
Last synced: about 2 months ago
JSON representation
Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.
- Host: GitHub
- URL: https://github.com/leo5imon/blank-page-prototyping
- Owner: leo5imon
- Created: 2024-07-17T20:36:34.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T12:59:07.000Z (7 months ago)
- Last Synced: 2024-12-17T09:25:51.494Z (about 2 months ago)
- Topics: ai, figma, prototyping, prototyping-tool
- Language: JavaScript
- Homepage:
- Size: 61.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blank Page Prototyping ✨
### Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.
## Features
- Connect to your phone or webcam.
- Take picture and upload it to OpenAI GPT4o.
- Generate a simple HTML website based on the content.## Preview
![Preview](https://i.imgur.com/QnLFiVf.png)
![Preview](https://i.imgur.com/E4rzDwa.png)
![Preview](https://i.imgur.com/odLRLib.png)
![Preview](https://i.imgur.com/b9EvmFK.png)## Installation
```
git clone https://github.com/leo5imon/blank-page-prototyping
cd blank-page-prototyping
npm install
npm run dev
```Set-up your OpenAI API key and edit the prompt if you want to make it run differently.
## Contribution
_Contributions are welcome!_
If you would like to contribute, please follow these steps:- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them.
- Push your changes to your forked repository.
- Submit a pull request to the main repository.