Turn designs into code 🚀
Start new thread
Wendy Dean

Shots - Turn designs into code 🚀

by
•

Shots is a hand-picked collection of design patterns from mobile apps that you can transform into code with one click.

Add a comment

Replies

Best
Wendy Dean
Maker
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!
Lachlan Kirkwood
Looking forward to trailing this from a non-tech background 👍 Looks like a brilliant tool to streamline the maker experience!
Wendy Dean
Maker
@lachlankirkwood Thanks! That is what we're after, helping people create and iterate faster
Fajar Siddiq
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.
Wendy Dean
Maker
@fajarsiddiq Thanks!!! I'm going to add figma to our community page (https://www.shots.ai/community) where we are looking to upvote the best next set of features and deliver the best product we can. Really looking to understand how distributed the tools a team is using today so we can find best way to improve the value of Shots in-between those tools.
Fajar Siddiq
@wendyde03942462 AND ALSO!!! please do for responsive website. haha all i see is mobile/ios/android. YES PLEASE! figma. Because i'm a designer and i want to export quotes and just upload and see it live. haha
Juan Sarmiento
Awesome work, is it possible to import artboards from Sketch?
Wendy Dean
Maker
@juanpablosarmi It's something we are working on for sure!
Joey Tawadrous
Beautiful! Could you tell me what languages you support and what languages you plan to support in the future?
Wendy Dean
Maker
@joey_tawadrous today we are exporting to CSS/HTML. We are setting our next output based on the reaction we get from our community: (https://www.shots.ai/community)
Kenny Quach

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

Ted Chen
Love the design so much 😄 The concept is so good as well, congrats on the launch.
Wendy Dean
Maker
@teddd Thanks!
Darius A Beasley
loved the product, Is there a way i can change the trace components in the UI ?
Wendy Dean
Maker
@dariusabeasley yes. if you click an element, a properties panel will appear on the right side. You can adjust any detected text, color or the element itself.
Ryan Hickman

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.

Brionn K Whitlock
Such a brilliant concept, Loved the design. What are the programming languages does it support to export ?
Wendy Dean
Maker
@brionnkwhitlock Today HTML is the default export. We're working to bring React, Vue, Sketch and more next!
123
Next
Last