Record a Video for your Interactions in Sketch
Timeline for Sketch newest feature
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:
- 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