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
- Create a project. One or more scenes on a single timeline. Each scene is a stack of layers with its own camera.
- Bring in a frame. Drop an image, or paste a design from Figma.
- Spread layers in depth. On the canvas, give layers their own distance from the camera.
- Animate. Add entrance, exit, and movement blocks, then move the camera through the scene.
- 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.
- Bring in Figma. The Raylight Figma plugin is coming soon: select your frames and click Send to Raylight. They open as editable layers, with auto layout, components and any Figma Motion keyframes. You can also Copy as SVG in Figma and paste for a quick one-off.
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.
- 1080p exports with unlimited video length, with a small Made in Raylight badge. Paid plans export up to 4K.
- 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.