1. Comparing Framer Classic vs Framer X

Framer Classic vs Framer X

Figuring what's different between Framer Classic and Framer X.

Code

Code Engine	Framer Classic	Framer X
CoffeeScript	✅
CoffeeScript Components	✅
Vanilla JS Libraries ES2015	✅
Vanilla JS Libraries ES6		✅
ES6 / TypeScript		✅
React TypeScript Components		✅
NPM Modules	Partial	✅

Syntax, Functions and Reserved Keywords

Conventions	CoffeeScript 1.6	ES6 / TypeScript
Global Variables	✅	✅
Variables var, let, const		✅
Classes	✅	✅
Objects	✅	✅
Arrays	✅	✅
Loops	✅	✅
Conditionals	✅	✅
Structuring / Destructuring	✅	✅
Splat	✅
Spread Operator		✅
Arrow Functions	Partial	✅
Variadic Functions	✅	✅
Function Default Arguments	✅	✅
Native Functions	✅	✅
Template Strings	Partial	✅
Promises	✅	✅
Async Functions		✅
Async Promises		✅
Generators		✅

Tooling for Framer Classic & X

Task runners & builders	Framer Classic	Framer X
Gulp	✅
Webpack	✅	Internal
Parcel	Custom	?
Integration Testing	Mocha / PhantomJS	?
Unit Testing	Chai	?
Code Coverage	Mocha / Istambul	?

Integration

	Framer Classic	Framer X
Import Framer Classic		✅
Import Framer X
Import Sketch	✅
Copy & Paste from Sketch	❌	✅
Import Figma URL	✅
Import Photoshop	✅

Sharing your work

	Framer Classic	Framer X
Framer Cloud	✅	❌
Framer iOS Preview App	✅	❌
FX Web Preview	Not Supported	✅
FX Export Web Preview	❌	✅
Export PNG	✅	✅
Export JPG	✅	✅
Export WEBP	✅	✅
Export PDF	✅	✅
Export SVG	✅	✅