Framer Playground
Framer Playground unifies the design and development experience. Now technical designers can create React components and sync them with a live design system through their private Team Store in Framer X.
Plus, every part of Playground is designed to guide you as you use it. The built-in code editor will teach you React through smart suggestions and the in-depth documentation will quickly get you up to speed.