Web AI - Live Whiteboard Wireframe to HTML

by Tony Hensler in Tunbridge Wells, England, United Kingdom

£0

raised of £100,000 target

0

supporters
0% 10 days left
Flexible funding – this project will receive all pledges made by 23rd August 2020 at 12:03am

Create an AI system to generate website from a live white board feed.

by Tony Hensler in Tunbridge Wells, England, United Kingdom

Our Aim

We are seeking funds to increase the development speed of our exciting Artificial Intelligence WhiteBoard software.

This phase of funding will allow us to train the model and embed the model onto a single board computer.

Our aim is to create a system for anyone to use from freelancers to digital agencies to provide a live view to their clients of how the wireframes being drawn during meetings will look.

Our AI will be able to re render the website at 60 frame per second.

The Problem

When you are brainstorming the design or layout of a website, whether it be with a client on internal staff, some times it is hard for the people looking at the wireframes to see the designers dream when all you have is square boxers and squiggly lines on a piece of paper or a white board.

The Solution

Live AI Whiteboard will come in two different flavours:-

  • Hardware version, This version allows you to run a live stream of your wireframes to convert them into HTML/CSS and javascript code.

    The code is run on either one of the flooring devices, RPI Nano, NVIDIA Jetson TX2, NVIDIA Jetson AGX Xavier for the best performance we recommend using one of the NVIDIA devices, this will allow the live stream to run at 60 frames per second, we have reduced the FPS from 120 down to 60 and take an average of every second frame to provide a smoother rendering of the code.

    This can be increased or decreased on they system on via the online portal. You will also be able to capture the screen and send it to our online application ready for editing or downloading.

  • The second option would allow you to directly take an image of the wireframe or upload an image to our online application, after you have uploaded the wireframe you will be presented with the outputted HTML/CSS and javascript within a matter of seconds, ready for editing or downloading.

How does it work?


What happens behind the scenes?

Alignment

We pass your templates through a script to ensure the contents of the image are not skewed, if they are, our script will automatically correct and adjust the new proportions

Detect UI Elements

Our custom vision model has been train against hand drawn UI elements to perform object detection to detect HTML patterns at over 100fps.

Text recognition

When an item is detected, it is passed through our text recognition model to extract handwritten content

Structure

The information returned from the previous steps, which include position, element type and content, is passed into an algorithm ready for building.

Building

The structure is passed into our building script which generates fully W3C compliant HTML, CSS and JS processed perfectly from your design.

What happens next?

We don’t stop there, we have built an application where you can scan multiple file, link them all together, and fully customize them, right down to the smallest detail.

Once you have created your template you can download it, ready to send to your client, or even export it as a WordPress template.



Rewards

This project offers rewards in return for your donation.

£650 or more

0 of 100 claimed

Gold Member - NVIDIA Jetson TX2

Early access to our system. Dedicated Early version embedded on a NVIDIA Jetson TX2 Automatic latest software release updates. Unlimited access to our online system. Bi-weekly updates on project progress. Weekly video updates on project progress.

£20 or more

Early bird supporter

Bi-weekly updates on project progress. Weekly video updates on project progress.

£250 or more

0 of 250 claimed

Silver Member - RPI Nano

Early access to our system. Dedicated Early version embedded on a RPI Nano Automatic latest software release updates. Unlimited access to our online system. Bi-weekly updates on project progress. Weekly video updates on project progress.

£1,000 or more

0 of 50 claimed

Platinum Member - NVIDIA Jetson AGX Xavier

Early access to our system. Dedicated Early version embedded on a NVIDIA Jetson AGX Xavier. Automatic latest software release updates. Unlimited access to our online system. Bi-weekly updates on project progress. Weekly video updates on project progress.

Let's make 'Web AI - Live Whiteboard Wireframe to HTML' happen

Payment and personal details are protected