Framer Playground - A new creative coding environment in Framer X

@koenbok Definitely going to pour over this, thank you!

@koenbok solid thanks

@koenbok @amslu Thank you! Framer Classic was great for exploring ideas in code because it allowed you to start new projects quickly, had instant visual feedback, good examples and great error reporting. But it had its limits, too. - It had no implied structure so larger projects were hard to manage. - It was hard to share parts of your projects that would be useful to others. - There was no easy way to repurpose your previous work or parts of it. - It was moving away from popular standards (ES6, React) over time. Framer X was built to solve all of these. It has everything great from Classic plus: - Components give your projects structure. - Components allow you to isolate logic, share and re-use parts of your projects. - It‘s completely based on standards and you can combine it with anything. - Production quality animation library. We always intended X to be better than classic for code too, and we believe it is now. Plus, all code components created in Framer X can be distributed on our Store, either publicly or privately, allowing others to learn and benefit from your work. This ecosystem empowers designers to add interactivity to their projects, even without having to know any code.

@benjaminnathan Reusability and component store sound like right ideas for quicker prototyping. I'd might even try to relearn Framer ;) Any recommendations for react tutorials/courses that would be also useful when learning FramerX?

@amslu Yes! @koenbok wrote this great introduction to React and ES6 specifically for Framer. You can find this here: http://bit.ly/framer-react Plus, we have a couple of really nice tutorials gathered here, too: https://www.framer.com/tutorials

@jamiegalbreath Super excited that we launched this also! I can't wait to see what everyone will start making :)

@addison_schultz YAH!