Tanner Christensen

Framer Playground - React code editing for designers, right inside Framer X

Framer Playground brings a new code editor, animation library and world-class docs to Framer X—empowering you to invent new interactions through creative coding.

Add a comment

Replies

Best
Tanner Christensen

I used to use classic Framer, which by default used a built-in code editor. Since moving to Framer X I've enjoyed the components, store, and React link... but having to constantly jump back-and-forth between Framer X and VS Code got cumbersome. This new Playground update makes the process just better enough to celebrate.

Pros:

Makes editing React code elements in Framer X painless. Comes with an API guide for quickly getting up-to-speed on React, ES6, and more.

Cons:

Once you start using Playground you're going to want to keep using it.