Showcase anything with Rotato

Find the new tools for animation, lighting, and screen content.

Create a short camera move and export it as a movie.

Choose a device, add your design, and export a still.

Understand which track owns each part of the movie.

Pop a tutorial video into a resizable window.

Simplify one device without changing every device in the scene.

Find the right device even when it is behind another object or outside the frame.

Choose a useful starting orientation for a phone, laptop, or folding device.

Create another device from the selected device’s setup.

Show the same design across several devices in one composition.

Reuse an existing scene with a different phone, tablet, or laptop.

Set independent case and band colors on supported watches.

Showcase your own hardware

Put a screenshot or design on a device’s screen.

Show a screen recording inside a device mockup.

Choose screen content for a device with more than one display, like the iPhone Duo.

Forget about Airdrop - just plug in your iPhone and start streaming to Rotato

Change one image or video in an existing screen sequence.

Prepare artwork for the selected device and orientation.

Quit spending hours transferring screenshots from your phone with live phone streaming

Place and time audio clips on the timeline.

Add depth with your own reflections

Add your app icon, logo, or some text

Tell your story and point out your benefits with text labels - with 3D effects!

Style each device independently.

How to dial in the perspective effect to match your style

Soften the edges of a hero image with Fade

Find the perfect angle just by moving your mouse or typing in a number

Choose the surroundings reflected in glass and metal.

Use any device you want, including iPhones or generic devices

Build a shared scene or composite separate outputs.

Ground devices with a shadow that suits the composition.

Guide the viewer's eye to the tiny, great details in your design

Frame your work with a wallpaper, browser window and Dock

Build a consistent set of titles and graphics on the canvas.

Set the ending and check every track.

Use the surrounding environment as a visible 3D backdrop.

Keep a graphic in the frame while your mockup moves.

Get the right orientation for your landscape orientation designs

Render videos where the screen contents on the 3D device changes during the animation

Lend all the focus to your screen recording, without animation

See reflections and studio shadows while composing your scene

Breathe some life into the background of your mockup scene

Animate a tall screenshot on a device’s Screen Scroll track.

Keep text readable over a busy scene.

Place text on the canvas and choose when it appears.

Rotate slow when the screen is facing the user, and fast when the back of the device is facing the user

Move a phone while the camera and other devices stay still.

Bring dead mockups to life with the easiest timeline feature in the 3D industry

Reveal a Figma design layer by layer in 3D.

Decide how smoothly you want your animations to go

Control a fold separately from device movement and screen content.

Switch angles instantly, or hold a view between movements.

Open the laptop with the canvas rotation ring or inspector, then animate a reveal

Control the position and appearance of a 2D overlay over time.

Let position, rotation, or another property settle at a different time.

Never make the same animation twice with keyframe loading and saving

Give a title an entrance and exit without building every movement by hand.

Use the playhead and edge diamonds to make predictable edits.

Start a title, device move, and screen change together.

Render as many mockups as you need in one go

Save mockup stills in modern image formats for the web.

Blend in nicely with other design elements using a transparent PNG

Export a frame-based animation for a compatible Lottie player.

Let glass and metal reflect the other devices in your scene

Keep reflections between devices as your animation moves

Get a sequence of individual frames as images into Adobe After Effects and use them as a combined video clip. Also works with a transparent background.

Export each frame as a full resolution PNG image file, also works with transparency

Level up your presentations with buttery smooth 60fps real-time 3D mockup animations that only take a few minutes to prepare

Rotato chooses a memory profile by default, but you can change it

Share your work in butter smooth high-resolution video

Get the output format right with the fine-grained resolution picker for both images, videos and web animations

Automate repeatable mockup work and give an AI agent access to Rotato.

Render the scene at the current playhead time.

Preserve the alpha channel in your Rotato video and work with your background-less Rotato renders in After Effects

Make your mock a natural part of its surroundings with a transparent background

Start your design with the dimensions of the display you will use.

Instantly wrap your Figma design in a 3D device mockup

How to install Rotato for Figma and create 3D mockups in a single click

Learn how to show off the layers of your design with a dynamic, 3D-style exploded view.

Quickly capture and place real iPhone screenshots into your Figma designs—using the free Rotato plugin.

Always get the size right for the App Store

Create a consistent set of store images from your screenshots.

Render multiple screenshots in the required output sizes.

Remove the red Rotato tag with your license code

How to reactivate your license

How to reset your license

How to get it

Got a new Mac and want to use Rotato there instead? Here's how.

Our customer service is standing by

How to get them

Prepare a small reproducible example and the right app details.

Quickly make a new template from scratch or an existing project

The templates library contains all templates you’ve used

You can install an entire template bundle in Rotato

When you improve on a template, you can overwrite the old version

Give a reusable scene a clear filename while keeping its template contents

You can easily remove templates from Rotato’s library

Introducing the template library

Check the connection and permissions for a connected iPhone.

What to check when a transparent video turns solid after uploading it to Squarespace or another site builder

Videos are complex, and sometimes they don't play well. Here's an easy fix