questAI
p/questai
Build web apps faster than ever
Nagesh Pobbathi

Quest Components — The better way to build frontend for your products

Featured
99
Generate React components with clean, extendable code. Build & iterate faster than ever. Responsive & pixel-perfect to your figma design w/ built-in support for Material UI. Export code to update your *existing* apps!
Replies
Best
Nagesh Pobbathi
Hi Product Hunt Community - we’re excited to share with you the new Quest Components - a better way for product development teams to build frontend for their product and business applications. We built this to solve our own needs: we build Quest with Quest. And based on the feedback from early adopters, we have been updating it over the past few months. We’d love for you to try it out, let us know what you think and how we can make it better. Some key highlights: ✅ Generates clean React.js code components from your Figma designs. ✅ Built-in support for Material UI. Or you can build your own component library if you want. ✅ Pixel-perfect presentation layer generated automatically from your design. ✅ Responsive UI with automated breakpoints for multi-screen experiences based on your designs. ✅ Set up props & bindings easily to interface with your backends. ✅ Separation of concerns between presentation and business logic, so your designers and developers can iterate quickly and independently. ✅ Code Components that are extendable and can be added to your existing applications - so you can build on what you already have. ✅ Export code and drive it through your existing CI/CD pipeline - with built-in support for Next.js and Create React App. Our goal is to help you build faster without compromising on code quality or ability to customize/extend. We believe this will help companies around the world scale their dev efforts easily. We want to welcome you to the new way of building frontend. Let us know what you think! Quest Team
Fares
@npobbathi developing a React component is a great idea, Congratulations !
Al Khan
@npobbathi Great pitch! Generating React components out of Figma designs can be a time-consuming process but Quest makes it sound so easy. This is indeed a valuable tool. Good luck and congrats on the launch!
Nagesh Pobbathi
@fares_aktouf Thank you Fares.
Nagesh Pobbathi
@katerina_kurshina Thanks Kate. Appreciate the support.
Nagesh Pobbathi
@alcaan Thanks Al. Yes, it is a pain point we experienced first-hand, and we ourselves see the benefit of a tool like Quest. Would love for you to try it out.
Diana Akhmetova
Thank you for creating such clear and necessary things! How much does it cost for a team to use the service?
Nagesh Pobbathi
@diana_sfera Thank you Diana. Our team plans start at $299/month, which includes 10 team members. Individual plans are $49/mo per user. You can find more details at https://quest.ai/pricing
Andrew Jasper
@diana_sfera as we just launched this product we’re always looking for feedback on pricing. Let us know!
Alexander Eble
Generating components from Figma designs sounds too good to be true. I'm really curious to hear long-term experiences.
Nagesh Pobbathi
@alexander_eble Thank you for the support. In the mid to long term, we intend to enable more frameworks like Vue, Angular, and maybe Svelte. Also, potentially support for specific verticals based on our customer interest. At a high level, our goal is to empower product development teams to build anything they want faster and with higher quality.
Sudhir Subramanian
@alexander_eble We recommend you take it for a spin. We've faced the pain first hand and we built this product to solve a very prevalent problem. We use it internally and absolutely love it. We're sure you will too!
Alexander Eble
@npobbathi Sounds good. What about React Native?
Alexander Eble
@andrew_jasper But do I understand correctly that the trial does not enable to generate for actual use or what is the limitation?
Kazimieras Melaika
@bucmantas try it out, looks nice! Btw, we’re launching in late May. Check out our upcoming PH page: www.producthunt.com/upcoming/eff... Our project is called: Effecto. It’s an app for detailed habits, health, symptoms, and meds tracking. Pretty much for everything that is related to your physical or mental health and every daily factor that can affect you.
Brandon Groce
There's always been a major need to be able to go from design platform to responsive website build at a click of a button. Quest does this amazingly well with their design platform plugins! Highly recommend for those looking to make their design to dev process easier.
Nagesh Pobbathi
@brand0ngr0ce Thank you Brandon. Appreciate your support.
Amartya Bhargava
Recommending this to all the front-end developers in my community. All the best 👌
Nagesh Pobbathi
@amartya_bhargava Awesome! Thank you Amartya. Happy to do a webinar for your community. Reach out to me if that helps.
Michael Goldstrom
Is this compatible with semantic UI?
Sudhir Subramanian
@goldstrom At the moment we have full support for MUI. Other component libraries like semantic UI are not directly supported at the moment but are in our roadmap to implement. That said, if you have already built atoms using Semantic UI, you can still use Quest for your pages while leveraging the Semantic UI atoms. Thanks!
Matt borkowski
Looks great and exciting, very interested to see the impact this has on future development strategies! Also interested in future support for other UI frameworks like Angular and Vue!
Sudhir Subramanian
@mattborkowski Thanks Matt. We believe this product will transform front end development. Support for other frameworks like Angular, Vue and Svelte is in our roadmap. So stay tuned!
Maria Alexandrova
Interesting! Curious to try.
Nagesh Pobbathi
@maria_alexandrova1 Excellent! We'd be happy to provide our concierge onboarding service to help you get started. Connect with us after you sign-up.
Andrew Jasper
@maria_alexandrova1 let us know what you think once you do! You can chat with us on our Discord linked on our website www.quest.ai. Love chatting with new users!
Helen Dong
This is awesome! Definitely going to keep it in mind for my next project!
Nagesh Pobbathi
@helendong Wonderful! Thanks Helen. Easy enough for any figma designer and React.js developer to use it.
Bob Martin
Nice website! Looks like you made the site with it too?
Nagesh Pobbathi
@bob_martin Yes we did. And it took all of 2 days to build it using Quest (not counting the time to design).
Gvidas Šulskis
looks nice! A valuable tool to have.
Nagesh Pobbathi
@gvidas_sulskis Thank you Gvidas. Hope you get a chance to try it out.
Claudia Whiteley
@npobbathi Great product! Congrats...Question - who owns the code after you export?
Sareddy
Front-end engineers and Designers will love this! Congrats @npobbathi
Nagesh Pobbathi
@sareddy Great to hear that! Thank you Sareddy.
scott hammond
Congrats! Do I have to refactor the React code before I use it or is it production-ready?
Sudhir Subramanian
@scott_hammond Thank you. The code that's generated is fully production-ready. We also have different export options to make sure it fits any development workflow and framework. So its as easy as generate and drop it into your source control -- and it will get built for production.
Nagesh Pobbathi
@scott_hammond Thanks Scott. Great question. The code for the presentation layer is production-ready and you can drop it into your source control directly. In addition, we give you stub hooks where you can add your own custom code.
Frankie Margotta
So am I able to get working MUI components from Figma? How does that work?
Nagesh Pobbathi
@frankiemargotta Yes! You simply export your figma components to Quest. And if you used MUI kit to build your design, Quest will automatically generate react components with MUI behavior. You can also build your own custom components and library using Quest.
Andrew Jasper
@frankiemargotta Basically you just copy and paste the MUI components into your Figma file and when you export them into Quest you'll see them working. For instance if you copy and paste a button you'll be able to rollover it and see the animated hover state. Or if you copy and paste a text field, you'll be able to see the hover and focus states and even type into it and see exactly how it will behave in your product because Quest is rendering your design as React.
Shalin Shah
What kind of applications is this best suited for?
Nagesh Pobbathi
@shalins Hi Shalin - you can build any application on web stack using Quest. Our customers building a variety of applications in health-tech, internal IT apps, employee engagement apps, and even web3 apps using Quest.
Ron Fybish
I love it keep it up 👍
Nagesh Pobbathi
@ron_fybish1 Thank you Ron.
Elayne Greig
A bit too much $ for bootstrappers without a clear timeline, but I think this project is dope!
Nagesh Pobbathi
@elaynegg Thanks Elayne. Our customers tell us that they shaved off months in their project timelines using Quest. And so they feel the pricing is a great value. So I feel confident that you'll find it so as well. We offer 30 day free trial so you can see it for yourself.
Josh Sushan
So excited for this!! Congratulations team!
Nagesh Pobbathi
@josh_sushan Thanks Josh!