Framer
  • Support
  • Using Framer
Framer
  • Learn
    • Speedruns
    • Starter Kit
    • Examples
    • Tutorials
    • Sessions
  • Teams
    • Teams
    • Enterprise
  • Pricing
  • Blog
  • Updates
  • Support
  • Support
  • Using Framer

Related Articles

  • Using Variants and Variables in your components
  • Component Canvas
  • Variants
  • Automatic time-based transitions
  • Variables

Known limitations for Variants and Variables

Variants and Variables are here, and you can now test them in the beta feature on Framer Web.

Because Variants and Variables affect a large part of Framer, we want to make sure we catch as many bugs as possible.

For this reason, the Variants and Variables features are first available only as a beta feature.

Third-party browser cookies

Variants will currently not work if third-party cookies are disabled in your browser.

If you think this may be the case for you, consider enabling them.

Limited workflows

Find below list to see which processes aren’t yet (fully) supported:

FeatureNotes
Sizing of PrimaryScale animations or open/close animations are not yet possible, as the primary's root Frame can’t yet be scaled between Variants.
ScrollScroll components are not yet compatible with Variants and Variables.
PagePage components are not yet compatible with Variants and Variables.
TransformsSupport for scale (scaleX, scaleY), origin (originX, originY), separated rotationX, rotationY, rotationZ, and skew (skewX, skewY) is out of scope for now.
Auto-sizingThe ability to auto-resize the component based on its contents is out of scope for now.
Stack, Shadow and BorderThese properties can not yet be turned into Variables.
All Text propertiesThe ability to customize all text layer properties as a Variable is in progress.
Graphic / SVG layersIf your component has a custom Graphic, it may not animate well when using Variants.
Image VariablesImage fills do not work properly yet as Variables.

Known issues

The below list displays a number of known issues:

FeatureNotes
Shared PreviewIt is a known issue that some components may appear different in the Shared Preview
Component deletionNewly created design components can not yet be deleted
Magic MotionWhen a component also contains a Magic Motion transition, you may see unexpected behaviour in the transitions.
DetachingComponents can not be detached yet
PublishingComponents can not yet be published

Helpful?Was this article helpful?

0

0

Framer

  • Updates
  • Pricing
  • Tutorials
  • Teams
  • Enterprise
  • Blog
  • Motion

Platforms

  • Web
  • macOS
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing
  • User Testing
  • Desktop PrototypingNew

Resources

  • Examples
  • Sessions
  • SpeedrunsNew
  • Packages
  • Volt
  • API
  • State of Prototyping
  • Wireframing Tool
  • Mockup Tool
  • Dictionary

About

  • Loupe
  • Community
  • Company
  • Careers
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement