Shots - Turn designs into code 🚀

Hey Product Hunt! I'm back! We've been working on this project all autumn long. It's called Shots.ai It's simple: import mobile app screen designs, trace them and export as code. **PROBLEM Creating ideas as quickly as possible to test, validate and iterate is essential to building successful products. The more time between the new ideas and the end users who use them; the greater the risk of failure. **SOLUTION A way to use computer vision to *trace* screenshots in order to get the front end code you need faster to complete developing your ideas. I've created a community driven roadmap which we will use to prioritize: https://www.shots.ai/community If you have feedback or ideas, please let me know! Super excited for this one!

Looking forward to trailing this from a non-tech background 👍 Looks like a brilliant tool to streamline the maker experience!

I've been looking all over internet to find this kind of product! NO CODE DESIGN!!!!! especially exports in HTML/CSS! I want to do quick web design on everywhere like sketch, figma, photoshop and all. This is really important in the design trend for 2019! Glad you guys made a good kickstart in January. Hope this product will be more recognize and more users will use. EVERYTHING NEEDS TO BE FAST! Because fast means money and quality too. ;) saves time. hehe.

Awesome work, is it possible to import artboards from Sketch?

Beautiful! Could you tell me what languages you support and what languages you plan to support in the future?

Its rare to find an app like this. Keep doing what you're doing!

Pros:

This is a really useful app that I will be using soon. Straight to the point, simple. Beautiful UI. Thanks for building this!

Cons:

None at the moment

Love the design so much 😄 The concept is so good as well, congrats on the launch.

loved the product, Is there a way i can change the trace components in the UI ?

Excited to see what's next!

Pros:

Clean. Simple. I am a fan of the simplicity. I look forward to the future features.

Cons:

I wish I could export to React or other code beyond just HTML/CSS. I see its in the roadmap so I imagine to play with it soon.

Such a brilliant concept, Loved the design. What are the programming languages does it support to export ?

Looks amazing -- looking forwarded to trying it out. Is there a roadmap for turning designs into swift code?

Cool product! It's really useful, I was looking for the same idea but for designing a responsive website (not just mobile). Are you implementing it soon?

Nice way to export code, love the over all design of the web application. Is there a custom list/playlist that i can make to save all the screens that i have traced in past ?

Awesome design of the application.

Pros:

Awesome Design, Excellent Idea

Cons:

May be a curated list for the user, just to save their own screens.

very good use for any one who has little knowledge on front-end, is there a way i can modify the fonts as well ? thanks for this application.

integration to sketch would be a feature thats with high value.

Pros:

great idea, clean ui overall

Cons:

Responsive website would be awesome.

Overall, application looks solid, there are some glitches that I am sure you would resolve them in future, thanks for making this tool that solves real engineering problems and helps developers to get to a prototype sooner. keep rocking !! 🎉

Amazing 😍 You guys nailed it!

🎉 🎉 great application, I love the structure of screens into their respective category, just wondering if i can search through the entire screen collection's ?

I have been looking for this kind of tool for long time, very well done, Can i also specify the css bootstrap version when i am exporting code ?