Raylight for Figma

Designed in Figma.
Animated in Raylight.

Select your frames and click Send. They open in Raylight as real, editable layers, with auto layout, components and your Figma Motion keyframes. Change the design later and update it without losing a single animation.

Get the Figma pluginStart for freeWorks in Figma Design and Figma Slides
Raylight

Sending Hero

1440 × 900

  1. Reading the design
  2. Planning
  3. Exporting images
  4. Uploading
  5. Building the project

Frames in, layers out

Select frames and click Send. Text stays text, shapes stay shapes, and auto layout keeps flowing.

HeadlineFrom Figma Motion
0s1s2s3s
Position
Scale
Opacity

Figma Motion comes along

Keyframes you set in Figma land as animation blocks on the timeline, easing included.

Components

Instances stay linked to their main component, with text and toggles as fields.

Every frame a shot

Send a whole flow and each frame lands on the timeline in order.

Figma Slides

Run it in a deck and every slide becomes a shot, ready to animate.

Any project

Add frames to a project you already have, after the shots already there.

After the first send

Change the design.
Keep the animation.

Get the Figma plugin

Update in Raylight

Changed the design after you animated it? Select the frames and click Update. Raylight works out who owns each property.

Follows Figma

Anything you never touched in Raylight

Keeps your edits

Animations, nudges and new layers stay put

HeadlineHero changed in Figma
TextLaunch dayFigma
FillVioletFigma
Size64 pxFigma
AnimationRise, 0.6 sYour edit
PositionNudged 24 pxYour edit
Update in Raylight

A report on every send

No silent guesses. Every send lists what came over exact, what came over close, and what Raylight could not match.

Exact

Rebuilt natively, fully editable

Close

Rebuilt with a small difference, named

Import reportHero, from Figma
Fidelity96%

Nav

Auto layout

Exact

Button

Component, 2 fields

Exact

Card

Glass as liquid glass

Close

Headline

Two text styles, kept one

Close

Backdrop

Texture effect

Not matched

Your AI finishes the job

The Raylight agent and the MCP server read the same report, so you can ask them to fix whatever did not come over.

get_import_report

Every note, layer by layer

apply_edits

Rebuilds what was left out

Raylight agent

Your file stays yours

Read only

The plugin never edits your layers. It only leaves a small note on the frames it sends.

Your key, this computer

Connect once. The key stays in Figma on your machine, never in the file you share.

Nothing hidden

If something can't be rebuilt, it comes in as an exact image and the report says so.

Frequently asked questions

Shoot bold.
Ship fast.

The Raylight logo glowing blue on black