Introducing Gifmock

Gifmock is a simple desktop application that helps you create high quality GIFs from your mockups.

Steven Fabre
Jul 11, 2017 · 3 min read

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.

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.

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.

I’d love to hear how you’re using Gifmock. Feel free to reach out to me directly on twitter or by email with your thoughts, feedback, and insights.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store