Record a Video for your Interactions in Sketch

Timeline for Sketch newest feature

Anima App
Anima App
Jul 17, 2018 · 3 min read

Anima allows designers to create high-fidelity prototypes right inside Sketch, Adobe XD, and Figma and export HTML & CSS in a single click.

👋 It’s been a couple of weeks since we launched Timeline 2.0 and the response is overwhelming.

Timeline 2.0 lets you create real, interactive components right inside Sketch.

We’ve seen some amazing interactive components made using the Timeline plugin. During that period, we’ve reached out to designers that have been using Timeline and asked for their feedback.

One of the most repeated requests was to allow the ability to record a video of how a component works.

☝️ Timeline is a great way to create interactions right inside Sketch, but usually once you’re done you also want to share your creation with other team members. Up until today, it was possible to share an interactive HTML page and even the HTML/JS/CSS code. But starting today, it’s also possible to demonstrate a component using video.

Here is how to record a video:

  1. Click the 🔴 Record button

2. Once you’re ready, click Start

A count down of 3 seconds will allow you to take a breath, and then recording will start. Click Finish once you’re done.

The video will be saved as a MOV file. You can either save the file locally or share a link online.

💾 Save Video Locally

For enterprise companies with strict security policy, recording a video and saving the file locally is a great way to communicate interaction design to stakeholders.

Some companies, usually large enterprises, forbid sharing designs online. Recording a video in Timeline does not upload anything to the web. It’s a perfect solution for sharing video files within an organization while keeping the IT department happy!

🌎 Share Video Online

A great way to communicate interaction design is to share a link to the video online. The link will have the video, as well as an interactive version of the presented component.

Here is an example link: https://handoff.animaapp.com/#/timeline/a78x6j5rvxa71O?video=1

As always, we’re excited to hear your feedback!

Join the discussion or show off your designs on Facebook, Twitter, Slack, Instagram, and vote for new features at UserVoice.

Stay creative!
❤️ Anima team

Design + Sketch

The best collection of articles, tips, tutorials, and…

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

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