Generate web and mobile apps in minutes with Sketch2App.io

Cameron King
3 min readMay 19, 2024

--

Rapid Prototyping in 2024

This guide provides a walkthrough on how to use Sketch2app to create a mobile and web apps with AI.

Start by navigating to www.sketch2app.io. It’s best to have a pre-prepared sketch. Click Capture.

Step 1: Click Continue. This action initiates the sketch2app creation process, which typically takes under a minute to complete.

Alternatively, explore other starting options by clicking Quick Commands using CMD + /. Sketch2App offers starter options like, Start from Example, Launch Camera, Upload Photo, and Clone a Website.

Step 2: Let’s look at Start from Example. A variety of options will appear, prompting a choice between creating a web app or a mobile app.

Step 3: Select to create a web app using React. Click Submit.

The system will take a moment to create the MVP. It generates the code in real-time under a minute!

Watch Skecth2App develop this Github app from a sketch

If successful, it will display the generated code snippet and a CodeSandbox for the generated app to preview live in chat. In this example, we asked Sketch2App to generate an app that retrieves a public GitHub repo using the GitHub API and it worked easily.

Let’s rate it 5/5 stars

Step 4: We can also ask to explain the code that was generated for us. To add a new feature, such as a button for downloading as ZIP, simply state the request.

Ask it to add to existing code that was generated

Be sure to log in with Google or Github. This will allow you to access more and fuel more tokens and save chats to chat history.

Sketch2App has very flexible pricing options, where you simply pay for token usage. They never expire and you can add more whenever you’d like. You can also buy a clone of Sketch2App and host it yourself!

Checkout the VS Code Extension for file generation in VS Code!

--

--