• G Lukacs, almost 4 years ago

    Having used Sketch with Framer and After Effects for the past 6 months or so, I think there's a pretty clear divide (at least in my mind) between the two.

    I use Framer for prototyping anything related to UI/UX, having the ability to upload things to the cloud quickly, letting people click around a prototype, actually being able to feel out the solution you're proposing, these are all essential pieces that help validate a particular solution to a problem. Contrary to what others have said in this thread, I find the workflow to be intuitive, the animation curves are nice and simple, states are relatively easy to grasp, scroll components take a few seconds to set up, parent-child relationships are simple, everything seems to make sense (a basic understanding of HTML/CSS/JS is probably helpful now that I think about it). With Framer, it only takes a few minutes to make something smooth, importing Sketch files takes a couple of seconds, translating animations to front-end is simple.

    I use After Effects for things like product videos, ads, anything that needs to be rendered super-smooth. I found that exporting video from Framer at 60FPS to be painful (even though I prefer the Framer workflow, I can't seem to get smooth video with screen recording software and haven't found another workable solution), so it would seem less useful for creating high-quality video assets, this is where After Effects does an excellent job. All this being said, I think it's easier to translate a Framer prototype to the web than the same in After Effects. Granted, I don't work with iOS/React often, so I have less need for things like Lottie and exporting animations as video assets. Depending on the medium, it might make more sense to use something like Framer.

    If After Effects is what you need, Sketch2AE is useful, you might need to move some things around and make a few adjustments after importing, but the workflow is much better than anything that has existed before. People recommend UXinMotion, they have a bunch of good videos on their YouTube channel, but paying for access to their tutorials is quite expensive. If you know what you're trying to do, watch a few videos that cover "expressions" and "keyframes" and you'll be on the way to figuring it out in no time.

    3 points