Shots - Turn Designs into Code

I finally finished working on the website and made it live with over 6,000 UI designs, which can all be traced and exported to code with one click.

So I built an AI to do it for me! It takes UI design images and converts them straight into UI elements that are parametrized and nested just like they would be in code. From here it was the home stretch to design further AI that takes my output and morphs it into usable, quality code for any output.

I decided I didn't want any other developer to go through the pain I did, so I started developing Shots. Months later, I've compiled over 6,000 designs for Shots, making it one of the largest collections of mobile UI on the internet. Every design can be traced with one click and converted to code with another--the idea is to make it as painless as possible! Currently I support HTML/CSS output but there's much more coming 😉

https://www.shots.ai

I was frustrated and started to work on Shots, a tool to convert my designs into code.

I'm sitting here with UI designs from my designer and a phone, and I'm thinking, HOW am I going to convert these all to code?! It would take me so long, and the number of hours I'd have to spend to style them correctly just wasn't worth it.