Figma→Video AI workflow

Today we launched Light Mode 🔆 in the Jam mobile app! Was excited to launch it and wanted to make a nice graphic to show everyone using the app what's new. I made it with Figma + AI tools (Claude + Veo3 Flow):

Was really easy to do, here's how you can make your own app screen animations using AI:

Step 1 – I started by exporting a Figma frame of the app.

Step 2 – I uploaded the Figma frame to Claude, and told it what I was trying to accomplish and asked for a prompt.

Step 3 – I uploaded that frame + prompt to Veo3 Flow's Frame to Video tool.

Step 4 – Done! Light Mode, on! 🔆

Here's the prompt used (thanks Claude). It's a little cringe when you read it as a human but it worked well for AI!:

```
Create a premium iOS app launch animation that transforms these product stills into a cinematic reveal. The animation should be elegant with sophisticated 3D camera work and lighting.

Visual Treatment:
Phones float weightlessly in 3D space with gentle rotation and subtle parallax depth
Dramatic lighting shifts from soft ambient to focused spotlighting on key moments
Premium materials: subtle reflections on glass, soft drop shadows, elegant glows around active elements
Smooth easing curves throughout (ease-in-out, no linear motion)

Camera & Movement:
Graceful orbital camera movement around the interfaces
Shallow depth of field that guides focus
Cinematic framing with negative space
Seamless transition between the two app states

Constraints:
DO NOT add new UI elements - only animate existing interface components
Maintain authentic app functionality and visual hierarchy

Tone:
Sophisticated, premium, worthy of a keynote reveal.

```