Subscribe
Sign in
Quest — Figma to HTML with no-code, build delightful experiences
Convert your Figma designs into live websites.
⠀
Set up custom breakpoints for a truly responsive experience. Add interactions & animations easily. Create fully custom slideshows and forms from your own design.
⠀
Launch it live or export CLEAN code.
246
Replies
Best
@worklab Thank you Deepak. Please try it out and reach out to us if you have any questions.
Hi Product Hunters! I’m excited to share our latest Figma integration with you all!
Our goal at Quest is to empower designers and creators to build what you envision. You are no longer limited to drag-drop builders. You no longer have to abandon your favorite design tool or re-create your design in a new tool. With Quest, you can bring your Figma design as is and convert that to a live website automatically.
Some key highlights:
* Pixel-perfect to your design. Design what you dream and see it come to life. No more unnecessary chats with your developer because a button is off by 2px.
* Add user interactions, animations, forms, slideshows and launch a fully-functioning page without writing any code.
* We generate clean code based on your design. IDs, classnames, structure - all match great hand-coded methodology. Export code (HTML, CSS and JS) with assets in a clean structure that you can deploy or integrate with any system. Or use our integrated deployment engine to go live instantly. Analytics, SSL, SEO optimizations and high-performance edge-cached CDN included.
* Setup interactions once, and they magically work across breakpoints. For example, set up a form once and it works across all screens - even if the fields are positioned differently or styled differently for each screen.
* Your design alone drives your customer experience - and not some pre-canned template. For example, Quest’s slideshow module can be fully customized in your design: add Arrows and/or dots to navigate with your specific images, placement, opacity, etc. - every aspect of the experience can be fully customized in your Figma design and will be rendered perfectly in our code.
No limits, no compromises.
We invite you to check out Quest and let us know what you think.
Thank you @chrismessina for hunting us!
@chrismessina @npobbathi WOW that's exactly I was googling yesterday!😃
This looks great but can you please get rid of the music on the background. It's really annoying . I played with the tool and bookmarked it. Super handy
Very interesting product. Have been seeing Quest.ai grow for last 1.5 years since i first used it.
One thing that I dont like is that some of the blocks like buttons, nav bar sections dont get natively designed - they seem to be like images and doesnt allow to copy the text of the CTAs and other sections as they are images natively. So this is something that can really make Quest.ai 100% close to html css grade websites
@balaji_rao1 Thank you Balaji for the continued support. Thank you for the feedback. If you have the elements as text in your design, they will get carried over as text, so you can select and copy text. If you've had any issues with specific pages of yours, please send any additional context to support at quest.ai and we'll take a look. Thank you!
Hi
This tool is really amazing and the support is really helpful — solved my issues in a couple of hours!
I'm amazed everytime I use Quest!
Congrats!!
@sareddy Thanks Sareddy! Our goal is to change the way the web gets built ;) You get it...
@roger_luo Thanks Roger. The code is super clean - fully human readable and as good as a really solid developer would write. It follows all the web standards, so modifying the code or even adding hooks and integrations are super easy -- just like you would do for any regular hand coded application.
@roger_luo Thanks Roger. You can export from a sample project and check it out
INCREDIBLE PRODUCT. This team has single-handedly figured out how to make a graphical user interface for all java capaibilities. it's allowed me to fully make my own customized website. it's been an incredible solution for me and my business. annd the customer support team is INCREDIBLY helpful.
@ayaabitbul all that customer support we do feels really good right now! Thanks Aya ;)
@ayaabitbul Thanks Aya. It is great seeing customers like you succeed.
@pallavi_khanna Thanks Pallavi. Unlike Webflow, our goal is to keep intact the designer's workflow. So they can design in the tools of their choice and yet accomplish more than ever.
@pallavi_khanna we just think modern web design/development shouldn’t just be an improvement but kind of more revolutionary?
@pallavi_khanna Thanks Pallavi. Its our dream to help the designers' vision come to life just the way they expressed it -- with no compromises.
Very impressed by Quest’s offering. I can’t think of any other product that goes from design to a live website with no coding required. I wish something like this existed when I was actively building my company! A question I had - how does Quest deal with enhancing existing websites?
@sohag_desai Thank you Sohag. You can have two options - use a separate subdomain to use the hosted option, or simply export the code and integrate as you do today.
@sohag_desai Thanks Sohag. Also remember that with Quest, you don't have to convert your entire site or portfolio at once. You can start with the parts that make the most sense for you first and then over time move everything to Quest. Good luck!
So we can make our Figma designs into webpages… without coding or redoing it… and export the code… what’s the catch?
🤯
@sluggo511 There is no catch! We want to enable everyone to build awesome experiences without worrying about the code.
This looks great. I can see this changing the game for many design teams and organizations. Congrats!
Extremely powerful and flexible next-gen web development tool, great for Designers that like to simplify the build process. Great for speedy prototyping.
@nathan_burazer1 Thank you Nathan for being one of our long-time supporters.
Looks great @npobbathi! Love the ease of use and flexibility it offers especially for the non technical folks to get quick tests done without taking up engineering time.
@nisha_victor Thank you Nisha. Our goal is to democratize the ability to create digital experiences.
@nisha_victor Thanks Nisha. You hit the nail on the head. "Ease of use and flexibility" is one of our key goals for the product.
@snakecharmer Sure! All your Figma layers get an Alt Tag added based on layer name or you can change in Quest. Page title and description can be added to every page. Google Lighthouse scores are extremely high. Give it a test drive ;)
@snakecharmer As Andrew mentioned SEO is well baked in. Lots more exciting features coming soon too!
This is awesome. Definitely it could have helped small businesses to save a lot of development resources.
@changmin_yang Big businesses too! Who's ever said "I'm good. I've good enough developers on the team..."
@changmin_yang True. Tech skills are definitely a big disadvantage to small & medium businesses. With Quest, everyone can build experiences as delightful as big design-first companies.
This is exactly the product many have attempted but Quest had been able to deliver. Just amazed at the capabilities!
@bhawana_katiyar Thank you! We can't wait to see what people build with Quest.
@bhawana_katiyar thank you Bhawana. That’s exactly what we were hoping people would think of it!
They say it's SEO optimized, but there are no proper headers (H1, H2, H3), no paragraphs, no buttons,.. just div-s and an occasional a-tag. Google wouldn't know what it is looking at: not SEO friendly.
All the examples are inaccessible too. Can't use Tab to go trough them.
It might be alright to use for a portfolio website, but you shouldn't use this for business websites. It'll hurt your business.
I based this on looking at their live example: https://quest-neo-us.questai.app...
@danielkoster_ux Hi Daniel - Thank you for the feedback. Yes, we are working on improving accessibility and your feedback is valid. Regarding SEO, we test our pages in Google Lighthouse and consistently see very high scores. For example, the page you linked got a score of 100 for SEO on Google Lighthouse. Please feel free to reach out to us at support@quest.ai and happy to hear more and address any concerns you may have.
@quest @npobbathi Hi Nagesh, Google Lighthouse only does an audit of what it "sees". The audit for SEO is very limited and (as Google mentions themselves) is no indicator for an actual SEO ranking.
In an live environment Google relies on HTML structure and proper element tags to know what is what and to give the page a real ranking. Since everything is basically a div, Google won't know what the page is about. Normally an H1 tells Google what the main keywords are. An H2 tells what secondary keywords are, etc.
Try tools like ScreamingFrog that will give you better insights into what SEO is really about.
So, like I said, pages built this way will rank poorly. Sorry.
Wow now I can launch my own custom blog that I have been planning for so long. Definitely an awesome tool
@abw1red Thanks Abhishek. We have blog integrations in our roadmap. Expect to hear more in the near future.
Project management OS