questAI
Build web apps faster than ever
Start new thread
Andrew Jasper

Quest AI - Convert napkin drawings into React components or Apps w/ AI

by
questAI
•
Build your ideas faster than ever with the power of AI/GPT. Got a wireframe (or a Figma design)? Generate working ReactJS. Clean and extendable code based on your design system. Export as JS/TS, React or NextJS. Transform your design-to-dev workflow!

Add a comment

Replies

Best
Andrew Jasper
Maker
📌
I’m Andrew, a co-founder and Head of Product at Quest. Quest AI came from my passion to simplify design-to-dev workflows. As a developer, I understand the frustrations of manual conversion. Quest AI has been growing strong since launch and we’re just getting started as we double down on AI in the product development workflow. Today we’re releasing some of our biggest features ever since we launched. With our AI models, we’re able to accurately produce responsive ReactJS components from any wireframe or Figma design. In addition, we’ve added an AI chat prompt to be able to get started writing code by simply typing in natural language. Some big updates out today include: ✅ Import Wireframes and Prototypes - Upload screenshots of FigJam, Miro or hand drawn sketches. ✅ GPT Chat Prompt - Connect to databases, tweak features & CSS and write business logic. ✅ Code & Preview Mode - Immediately see all the code that is generated without downloading or pushing to GitHub. Edit the code directly in your browser with our VSCode based editor. ✅ Templates - Quickly get started with a responsive component template you can modify in our code editor or with our GPT prompt. All this is built on our already feature rich Quest platform that supports Figma variants as states, state animations, breakpoints and native support for design systems such as MUI and Chakra UI. (Contact us if you need a custom design system setup). Our goal is to generate away the frustrating and tedious tasks of development so you can focus on what matters. We also strive to be the cleanest, extendible code generated in JS and TS. As always, our users drive the product with feedback so we love coming to Product Hunt to help hear everyone’s input.
Patrick Curl
💡 Bright idea
this looks awesome, congrats on the launch, any plans to make it work for sveltekit too? Recently switched from next js, and it's so much easier to create apps in.
Nagesh Pobbathi
Maker
@patrickcurl Thanks Patrick. Yes, we plan to support svelte in the future.
Andrew Jasper
Maker
@patrickcurl We also want to support Vue in the future... We kinda love Svelte tho! Thanks for the feedback, it helps us prioritize.
Andrew Jasper
Maker
@juanfrank77 Recording that vote, bumping it up the list ;)
Karunakar Sareddy
Maker
@juanfrank77 Thank you Juan. I've added this to the product roadmap for consideration. Much appreciated!
Karunakar Sareddy
Maker
@patrickcurl Thank you Patrick for the feedback
Tochukwu Mbiamnozie
This is amazing. Wish you all the best with the product.
Nagesh Pobbathi
Maker
@tuccidilusso Thank you! Appreciate the support
Tochukwu Mbiamnozie
@npobbathi you’re welcome
Andrew Jasper
Maker
@tuccidilusso Thanks! And same to you!
Karunakar Sareddy
Maker
@tuccidilusso Thank you Tochukwu. Appreciate your wishes. Wishing you the best for your launch.
Tochukwu Mbiamnozie
@sareddy_quest you’re welcome and thank you for your wishes also
Kevin Jordan
💡 Bright idea
Thank you so much for doing the special pricing for Start Ups as well! True understanding of the pain start ups go through. Thank you! Do you guys have plans to fully automate back end as well? I know that's much harder, but it might help product managers crank out POCs for validation so fast.
Karunakar Sareddy
Maker
@kevjord Thank you Kevin. Love it. We are grateful for the strong support from our Startup customers and we get incredible feedback everyday driving the product innovation. Thanks for your feedback on the backend automation. It's definitely on the roadmap.
Nagesh Pobbathi
Maker
@kevjord Thank you Kevin. As a startup, we love supporting our fellow startups. As for backend automation, we plan to easily integrate different backends in the apps. If you have any specific requirements, we'd love to hear. Please reach out to us at support@quest.ai
Kevin Jordan
@npobbathi Awesome! Excited for the future of this!
Gbulgbu Magaret
This app has a beautiful and intuitive interface. It's a joy to use every day.
Nagesh Pobbathi
Maker
@gbulgbu_magaret Thank you!
Andrew Jasper
Maker
@gbulgbu_magaret Aww thanks for the feedback! What's your favorite feature??
Nuno Reis
This is really good for quick sessions with customers and engineers, as they can be quickly be translated from the format the user recognizes to the format us engineers will need. keep it up! :D
Nagesh Pobbathi
Maker
@nuno_ms_reis Thank you Nuno. As an engineer, would love for you to try it out and share any thoughts.
Nuno Reis
@npobbathi I'm not doing React right now. Using bubble for fast MVP(ing), but when we get back to proper coding if you support more languages by then, I'd be happy to ;)
Max T.Pham
Great work, Andrew! As a fellow tech veteran, I'm impressed with Quest AI. It could save us significant time converting Figma to React, allowing our frontend engineers to focus on optimization. Well done, must try!
Nagesh Pobbathi
Maker
@maxtpham Thanks Max. Yes, please try it out. Recommend grabbing an onboarding time slot when you sign-up, where we can help you bring in your designs and themes so you can ramp up easily.
Andrew Jasper
Maker
@maxtpham Thank you! Feedback helps us organize our roadmap and improve so please let us know what you think once you try it.
Ahmad Ali
Great Concept! Congrats on the launch
Nagesh Pobbathi
Maker
@motiondock Thanks Ahmad.
Karunakar Sareddy
Maker
@motiondock Thank you Ahmad. We have a lot of enhancements planned for the rest of the year.
Andrew Jasper
Maker
@motiondock Thanks Ahmad!
Looks very helpful. I'll try it.
Nagesh Pobbathi
Maker
@ninaaaa0913 Thank you Nina. Let us know what you think. Feel free to grab an onboarding time slot when you sign up.
Andrew Jasper
Maker
@ninaaaa0913 Thanks and let us know what you think when you do!
Kavita
This is amazing, can't wait to turn all my terrible wireframe sketches into something a bit more useful. My FE developer is going to be over the moon.
Nagesh Pobbathi
Maker
@kkavita Thank you Kavita.
Andrew Jasper
Maker
@kkavita Thanks Kavita and let us know what you think!
123
•••
Next
Last