LogoLogo
Quest HomeSign Up
  • 😀Welcome to Quest
  • Getting Started
    • Quest Overview
    • Helpful Resources
    • Quick Start - Build your first component from Figma
    • Quick Start - Build your first component from a Wireframe
    • AI Prompt
  • Fundamentals
    • Customizing & Using the UI Kit
    • Designing Custom Components in Figma
    • Easily Sync Designs without Losing Work
    • Setting Up Props & Bindings
    • Exporting Code
    • Push to your Repository
    • Creating Responsive Components
    • Nesting Components
    • Workspaces & Apps
    • Code & Preview Mode
    • Prototypes/Wireframes
    • Animations - build with React Spring
    • Quest plugin for Figma Dev Mode
    • Publish on Quest to a URL
  • Features
    • Working with Variants & States
    • Naming Conventions
    • Previewing with Custom Fonts
    • Light & Dark Mode
    • Creating a custom Tooltip
    • Creating a Floating Popover
    • Creating a Dialog pop-up
    • Radio Group
    • Using the MUI Data Grid & Table
    • Data & List Bindings
    • Dynamic Bindings
    • Grid
    • File Upload
    • Design System Tab and Theme Import
    • How-to use a Theme in your Application
    • Accessibility Support
    • Design Tips and Tricks
    • Video
    • Lazy Loading
    • Sticky Position
    • Link
    • Custom Breakpoints
    • Min / Max Width
    • Supported Quest UI Kit Components & How-to Make Edits in Figma
    • Supported Chakra Components & How-to Make Edits in Figma
  • Advanced Tutorials
    • Setting up Bindings and Features on the MUI Button
    • Display Repeating Components based on a Dynamic List
    • How-to Pass Values from Parent to Nested Components
    • How-to Invoke a modal Dialog Box from a Button Click
    • How to Setup a popover
  • 🔍Help
    • Product Updates
    • FAQs
    • Plugin Warnings / Alerts
  • 💡Support
    • Why does my design look different in Quest than Figma?
    • Can I keep making changes in Figma without affecting code?
    • What are some best practices?
    • Does Quest support more than Figma and React?
    • How do I manage users?
    • What is the refund process?
    • How do I get in touch with Quest?
    • Do I have to use MUI if I'm using Quest?
Powered by GitBook
On this page

Was this helpful?

Welcome to Quest

The easiest way to build the full stack applications using AI.

NextQuest Overview

Last updated 1 year ago

Was this helpful?

What is Quest? The tl;dr version

Quest helps you build the full stack applications faster than ever. Simply bring your Figma designs in and Quest generates pixel-perfect UI. Additionally you can start with wireframes or templates to generate frontend. Add props and bindings to set up the interface to your backend. And export clean react code. Iterate easily by exporting updated designs to regenerate code components. Easy!

What can I build with Quest?

You can build any ReactJS components using Quest. You can build a single component and add it to your existing React App, or you can build a whole app using Quest.

You can nest your existing components into Quest-generated components and vice-versa.

Who is it for?

Quest is for developers and designers in product development organizations. Quest is made for those who design and build in components, want to build and iterate fast, care about code/component reusability, and want full control over the code.

Minimum requirements

  • Code in react framework (min. version# 17.0.0)

  • Supports custom components from your design. In addition, Quest supports components from (Free with Quest subscription), MUI design kit (min. MUI v5 required) & Chakra UI design kit.

😀
Quest Design Kit