Framer X Pro Tips

Code
Framer X

Debug with React Developer Tools

2019-02-21

How to check out props and state of components in Framer X like what we do with normal React apps?

Steps

  • Install React Developer Tools in Chrome
  • Open FX preview in Chrome
  • Open Chrome DevTools: View -> Developer -> Developer Tools
  • Open the React tab and profit!

chrome-dev-tools

PS: If you find this tip difficult to understand, check out this course I prepared for you, where concepts are explained in a more digestible way. No programming experience required!

PPS: See other pro tips, or share / request a new tip.

© 2020 jimu Labs, Inc.