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?

  1. Help

FAQs

How can I cancel during my free trial?

Anytime after you’re signed up, you can cancel by going to the Account Settings page and cancel in the Subscription tab.

What happens after the free trial period?

If you do not cancel before your free trial period ends, you will be invoiced for your subscription.

Who owns the code generated by Quest?

You do. Export it, share it, deploy it as you want.

How secure is the code generated by Quest?

Quest generates clean code to the latest standards. You can then deploy it to your security standards and specifications.

How often can I export my code?

There is no download limit. You can export your code as often as you want.

Can I continue to use any components I’ve downloaded after I cancel my Quest account?

Yes, any code you’ve created is yours forever. Be sure to have downloaded the code for all of your components before you cancel your account.

Can I just use Quest for my custom components and not use MUI?

Yes, you are not required to use MUI at all if you product doesn't need it.

We highly recommend using it for things like forms and buttons, etc. But if you don't need it, that is up to you. Many customers use custom components for everything they do. Also, if you have your own design system and components, you can also intergrate that with Quest as well copying and pasting placeholder components you can replace with your own components later.

Does Quest support Ant UI?

Not currently but it is in our roadmap.

Does Quest support Chakra UI?

Yes we do by using creating a new App in Quest, you can choose either MUI or Chakra then use the official Chakra UI Figma design kit the same way you would the Quest or MUI kits.

Does Quest support Prototyping features in Figma such as animations?

We do not support Prototyping features at the moment. We plan to include animations that will be triggered in Quest as a feature.

Where is the Animate State feature?

This feature is not available if your component is using Breakpoints. Also, if you already used any Animate Elements feature, the option for Animate State will no longer be available as you cannot use both animations types in the same component.

Does Quest support responsive screen sizes and breakpoints?

Yes, by using Auto layout you can easily set how a component should behave relative to the parent or browser’s size. If you want to create different layouts or looks for different device screen sizes, you can simply create a variant for that and then use bindings to display which variant version you want for which screen size you need it for.

Does Quest support Angular, Vue or Svelte?

We currently only export and support React. We plan to support others in the near future.

Can I nest components inside other components?

Yes, you can nest unlimited amount of components inside your designs. For instance, if you have a Main component in Figma that is your custom component you want to make a React component but inside that Figma component you have an instance of another component, you can import that into Quest and Quest will see the link to that component instance and treat it as such.

You are not required to import components in any order. You can import that parent first then the child or vice versa. The link to the component instance will exist even if the component is not yet in Quest.

Which version of React is this built on?

V17.0.0 and above. Alll features are also built to be backwards compatible.

What is the process be for upgrading to a new version of react?

We build everything to be backwards compatible.

If there are changes in Figma, do the developers need to do a lot of rework?

Quest.ai makes iterations on the fly, meaning as soon as your designers make a change in Figma, it can be automatically updated on the code, without the developer’s intervention.

What kind of hooks are there in the exported files?

We have a single custom hook for each component where you can add the business logic.

Are you able to hook up to state modules like redux/saga/etc?

You would need to install the redux and set it up but you connect to redux state through the hook file we generate for you using “react-redux” hooks.

How does your builder create SEO tags for pages or is that something the developers are going to have to insert after exporting?

Anyone can add aria labels, semantic tags and alt tags bindings from inside Quest.

PreviousProduct UpdatesNextPlugin Warnings / Alerts

Last updated 1 year ago

Was this helpful?

🔍