Join the mailing list to see this

No spam, only framer resources and course updates.

Introduction to Variables

In this video we explain how to pass information down to your components with variables.

There are a few concepts that might catch you out:

  • Variables have types, which means we can only use match them with properties that have the same type. For example, we can't pass an image variable to a text element.

  • Variables are scoped. This means they are only available inside of the component they were created in.

  • Variables can be chained. If you need to pass values down to nested components, you need to create a sort of chain of variables to do that.

Variables are also super powerful and there are tons of more advanced use cases that we don't cover here.