Shop Onsite workshops Blog Templates Affiliates About Bundles Login

How to create a video MP4 for Dribbble in After Effects

Click here to download the source files and follow along

Super awesome news if you’re a Dribbble user! Dribbble now supports video files.

I think this is amazing and people have been asking for this feature for years.

There are a few things to know and in this video I’m going to break it all down and the fastest and easiest way to export an MP4 out of After Effects and get it posted to Dribbble.

The workflow I like (because it has the fewest steps and is impossible to mess up) is using Quicktime on a Mac. If you aren’t on a Mac, your best option is through Adobe Media Encoder, though at this point there isn’t a preset for Dribbble yet.

Here’s the basic idea

  1. Export your video from After Effects at maximum compression (I just use the default setting)
  2. Open this in Quicktime and go to File > Export As > And then choose your highest resolution available
  3. Next, click on the file name of the new file created and rename the extension from .mov to .mp4.
  4. Upload to Dribbble

Some things to keep in mind

  • Your video must be 800 x 600
  • It *appears* to support 60fps which is super cool
  • It has to be under 10MB
  • It has to be under 24 seconds

Happy prototyping,


PS You can get all the info from Dribbble directly by clicking on this link.

🔥 Save 15% on any UI animation course or bundle on

Join my mailing list to receive a one time coupon, plus the latest news and updates from me. Don't worry, your information will not be shared.

Click here for coupon

You're a designer, you get paid to have opinions. Share them! 👇🏽


🔥 Take 15% off your first purchase

90% Complete