Subscribe
Sign in
questAI
p/questaiBuild web apps faster than ever
Start new thread
Andrew Jasper

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

by•

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
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.
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!
Tilak Tamrakar
Nice product. Congrats on launch🎉🎉
Nagesh Pobbathi
Maker
@karimsaif Thank you Karim!
Andrew Jasper
Maker
@karimsaif Appreciate that Karim!
Kushagra Agarwal
Congrats on the launch! How does the tool select colors and other style aspects. Example - What font to use, primary, secondary colors, etc.
Nagesh Pobbathi
Maker
@wrogn Thanks Kushagara. The style comes from your design theme. Here's some details from our docs: https://docs.quest.ai/react/fund...
Hassan Muazzam
Best wishes for the launching of your product.
Karunakar Sareddy
Maker
@hassanmuazzam Thank you Rana!
Ronje Dawkins
This is actually insane and so useful for builders. I will definitely be using this.
Andrew Jasper
Maker
@ronje_dawkins Thanks Ronje! Let us know what you think of it once you do!
Karunakar Sareddy
Maker
@ronje_dawkins Thank you Ronje! Indeed, look forward to your feedback. So much of what we have in our platform is now based on our current customer feedback.
Shubham Pratap Singh
Congratulations on the launch🎉🎉!!!!
Nagesh Pobbathi
Maker
@shubham_pratap Thank you Shubham!
Brady Lewis🤖
A builder specific to React? Yes, please! Very cool and congrats on the launch!
Nagesh Pobbathi
Maker
@brady_lewis1 Thanks Brady!
Andrew Jasper
Maker
@brady_lewis1 Let us know what you think!
Varun Gadi
This is actually pretty amazing ..can't wait for it.. looking forward to this
Karunakar Sareddy
Maker
@varun_gadi Thank you Varun.
Nagesh Pobbathi
Maker
@varun_gadi Yes, please try it out and let us know what you think.
Vincent Chaglasyan
Love the tagline and vision. Excited to see how it evolves!!
Nagesh Pobbathi
Maker
@vincechag Thanks Vincent.
Andrew Jasper
Maker
@vincechag Thanks Vincent. We're cooking up a lot of great new things for the platform.
Evan Herchek
I loved this idea when I first saw it in GPT4 demos. It's great that y'all have extended it to a full tool.
Nagesh Pobbathi
Maker
@evanwherchek Thank you Evan.
Karunakar Sareddy
Maker
@evanwherchek Thank you Evan. We've also added a ton of templates to bootstrap, opened up in-browser code editing, enabled sync to github repo. Stay tuned, so much more is coming this year to streamline the design to dev workflow. Thanks for checking us out.