https://ucarecdn.com/5ed7f2b6-fbfb-4c1c-b6a8-6d7fd1783f80/-/crop/798x798/192,0/-/preview/ cover

Dani's AI 3D Light Mode Animation

6 cards
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):
Main Content Image
jam.dev
Figma→Video AI workflow

This page explains how we utilize AI technology to animate real iOS product screens, enhancing feature launches. It provides insights into the workflow and benefits of integrating AI in design processes.

Main Content Image
jam.dev
jam.dev

Authentication page for jam.dev

Main Content Image
aistudio.google.com
Veo 3 | Google AI Studio

Integrate videos with breathtaking realism and natively generated audio with our latest video generation model. This page showcases the capabilities and features of the Veo 3 model for video generation.

Main Content Image
claude.ai
Claude: Your AI Assistant from Anthropic

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. ```

Main Content Image
labs.google
Flow: AI Filmmaking Tool by Google DeepMind

Flow is an AI filmmaking tool that lets you seamlessly create cinematic clips and scenes using Google DeepMind's most capable generative video model, Veo. This innovative platform empowers creators to harness advanced technology for stunning video production.

Main Content Image
linkedin.com
Dani Grant | LinkedIn

View Dani Grant’s profile on LinkedIn, where she showcases her experience at Jam.dev and connects with over 500 professionals in the San Francisco area. Explore her contributions to the tech community and her professional journey.