Getting started with Raylight

Raylight turns a static frame into a cinematic product video. You bring a design, the editor gives it depth, motion, and a camera.

The whole flow

1. Create a project. One or more scenes on a single timeline. Each scene is a stack of layers with its own camera.
2. Bring in a frame. Drop an image, or paste a design from Figma.
3. Spread layers in depth. On the canvas, give layers their own distance from the camera.
4. Animate. Add entrance, exit, and movement blocks, then move the camera through the scene.
5. Export. Save an MP4 or GIF, or send a live link.

Two ways to start

• Drop a screenshot or image. It lands flat and fit to the canvas, ready to animate.
• Paste from Figma. Select your frame in Figma, choose Copy as SVG, and paste into Raylight. Text, shapes, and layers arrive as separate, editable pieces.

Why depth matters

Every layer sits at its own depth. Spread them apart and a camera move makes near layers slide past far ones, the way roadside trees rush past distant hills from a moving car. That feeling of real space is the whole trick.

The free plan

• Unlimited projects to build in.
• Exports up to 4K and 60 seconds, with a small Made in Raylight badge.
• Share links are free. Anyone can watch in the browser, no account needed.

Learn the editor

One short page for each part:

• The canvas: where you arrange and tilt layers.
• Layers: the tree of everything in your project.
• The timeline: scenes, animation, and the camera.
• Design and Animate: how a layer looks and moves.