Plugin Alerts / Errors

When setting up your designs in Figma, the Quest plugin will alert you to any potential issues with the design setup. Below are the issues and how to resolve them.
​
This layer does not have auto-layout
​
​
All layers with children in Figma need to have auto-layout setup or have export settings applied to them. If something is simply a group or a frame in Figma, it will need to be converted to auto-layout to remove this error. 
Alternately, you can use the Export settings on a group or a frame to flatten the entire thing into an image. You can choose any resolution such as "1x" or "2x" and you can choose PNG or JPG, depending on your needs. Quest does not support export of SVG or PDF from Figma.
​
​
This layer is flattened only in some variants
All layers in variants need to be the same type. If you have some that are complex shapes made up of several different shapes, sometimes it is best to flatten them. If you do this, this message is to alert you to do this for all variants.
Simply make sure you have all layers flattened in all variants by choosing the flatten option from the menu.
​
​
This layer has differently named children or children in the wrong sequence across variants
​
​
You can use components with variants in Figma for two reasons: to design for different component states or to design for different breakpoints / screensizes.
When setting up variants you should be sure that all variants share the exact same layers and layer names. All layers must be in the same order. You can change anything about that layer, such as auto-layout direction, size, color, effects, etc. as long as the order and naming of the layers are retained.
​
​
If you absolutely cannot style things between variants based on the same layers, you can simply create two versions of that auto-layout frame that looks different and turn off the versions you don't want to see. In the image example above, you can see there are 2 main variants, each for different screen sizes. When looking at the footer, both versions are there in the variant for the "footer" but in the desktop version, the phone version is hidden and in the phone version, the desktop version is hidden. This will map things correctly in the code but only show what you want the user to see.

Help - Previous

FAQs

Next - Support

Why does my design look different in Quest than Figma?

Last modified 3mo ago

Copy link

On this page

This layer does not have auto-layout

This layer is flattened only in some variants

This layer has differently named children or children in the wrong sequence across variants