Framer X

Debug with React Developer Tools

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


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


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!

© 2021 jimu Labs, Inc.