Design and Code in Framer X

10 SECTIONS – 3 HOURS OF VIDEO

Create powerful design and code components for your app and design system. Framer X is the only design tool to allows you to create code components that can be used in a React site. Developers can truly collaborate with designers in creating consistent and production-ready components.

Framer X is taking a huge leap into the future. It’s the only design tool that allows you to create code components that can be used in an actual React site. This can be insanely useful for your design system without disconnecting the design from code, or adding extra layers in between. Your Framer X components can be a single source of truth. You can seamlessly sync your React components between Framer X and your favorite code editor. Developers can truly collaborate with designers on creating consistent and production-ready components.