Gifmock is a simple desktop application that helps you create high quality GIFs from your mockups.
I got introduced to the whole remote thing about a year and a half ago—that’s when I joined InVision by way of an acquihire. While remote work has a lot of benefits, it also comes with its challenges—communication being the main struggle. Living in Australia while the rest of your team is spread across America and Europe doesn’t make it any easier.
In order to get my ideas across, I had to learn to communicate better, asynchronously and more often. I tried a lot of different things: video calls, screen recordings, Slack messages, Basecamp, emails, the list goes on. Video calls are awesome but require people to be online at the same time. Screen recordings are great but require people to actually watch your video. And Slack messages are good but often get missed…
A picture is worth a thousand words.
That’s when I started adding GIFs to various documents and Slack messages I was sharing with my team. Not one of those funny meme GIFs, but GIFs showing interactions in my designs. It turned out to be an effective way to communicate something interactive quickly—without requiring all the unnecessary overhead of video and documentation. You must be straight to the point when communicating with others—animated GIFs can help you do exactly that.
Problem was, creating those GIFs was extremely time consuming. I would design my states in Sketch and export those so I could open them in Photoshop. From there, I would overlay them on top of each other and turn visibility on and off via the timeline. And to make things worse, every time I would make a change in my design, I had to go through this whole cumbersome process all over again. Not ideal, right?
That’s when I decided to build a tool that would make it easy to create animated GIFs. Gifmock was born.
After a little while, designers on my team also started using Gifmock in their day-to-day workflow. It organically grew from there, and as more and more people used the app, feature requests came in and patterns started to emerge. Eventually, the original idea matured into something bigger. Gifmock can now help you communicate interactions, publish videos as animated GIFs, and create engaging social media assets.
Design interaction states and instantly turn them into frames with Gifmock Sketch plugin. Crop the frames and tweak their timing, then simply export the GIF to share it on Slack or wherever your team is.
Publish videos as animated GIFs
Design beautiful animations in After Effects. Then drag-and-drop your video to turn it into a GIF without compromising on quality and frame rate. It will even automatically combine identical frames so it’s ready for you to publish on Dribbble.
Create engaging social media assets
Import beautiful photos or Keynote slides into Gifmock. Change the timing of each frame, crop them all at once with real-time thumbnail preview. And you now have a great engaging GIF for you to use on Twitter.
Over the past weeks, dozens of designers across different industries have been using Gifmock private beta. For a majority of them, I was happy to witness that it even became an essential part of their daily design workflow as creating GIFs had become as trivial as exporting PNGs. And that has helped them communicate their design more effectively.
Today, I’m excited to make Gifmock available for everyone. If it sounds like something you’d use, feel free to download the app and give it a try. It’s free for 14 days, and if you want to use it after that, you can buy a one-off $40 license.