Subscribe
Sign in
Shots — Turn designs into code 🚀
Shots is a hand-picked collection of design patterns from mobile apps that you can transform into code with one click.
44
Replies
Best
@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.
@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
Looking forward to trailing this from a non-tech background 👍
Looks like a brilliant tool to streamline the maker experience!
@lachlankirkwood Thanks! That is what we're after, helping people create and iterate faster
Beautiful! Could you tell me what languages you support and what languages you plan to support in the future?
@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)
Looks amazing -- looking forwarded to trying it out. Is there a roadmap for turning designs into swift 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!
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.
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?
@wendyde03942462 congrats on another #1 product of the day on PH. I like this idea, will save devs a lot of time. Still some work to do on the product and I believe the community will be helpful.
I am doing a Product challenge for 20 days where I write about the #1 product on PH. Today, day 11, I wrote about Shots -> https://medium.com/@nife/product...
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
It straight up doesn't work and @wendyde03942462 refuses to cancel my account and charged me for several months after requests forcing me to cancel my debit card.
DO NOT USE.
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 ?
@ambebenson we're going to add a feature to "save" and "bookmark" in the near future!
Thank you guys so much!
The feedback is amazing and helpful in shaping how we continue to execute Shots to make it the best product possible!
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.
🎉 🎉 great application, I love the structure of screens into their respective category, just wondering if i can search through the entire screen collection's ?
@tykecelbass Yes, members can search using standard search bar to find what they are looking for.
Such a brilliant concept, Loved the design. What are the programming languages does it support to export ?
@brionnkwhitlock Today HTML is the default export. We're working to bring React, Vue, Sketch and more next!
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 ?
@brittneymshaw as a default it exports as bootstrap 4. we are creating support for more exports and more control over the export
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.
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 !! 🎉
The design on this web app is fantastic, Choose a design, export code. WOW amazing tool. Keep it up guys!!! 🎉 🎉
IconShock