JohnInstagram

Creating UI Animations with AI 🤯 @higgsfield.ai This feature is still in Beta…

0:29English(auto-generated)3 segments113 words · 1 min read

Search inside any video

SavedThat transcribes your saved videos and lets you search across all of them instantly. Save this video and find any moment.

TL;DR

Learn how to create UI animations using Bad Motion by Higgsfield, including workflow tips and reference image generation.

UI animations tutorialBad Motion Higgsfieldcreate animations with AIreference image generationClaude animation promptsNano Banana reference imagesHiggsfield workflowApple style animation

Chapters

  1. 0:00Introduction to UI Animations
    01
  2. 0:05Finding Reference Images
    02
  3. 0:10Using Claude for Animation Prompts
    03
  4. 0:15Uploading to Higgsfield
    04
  5. 0:20Creating Reference Images with Nano Banana
    05
  6. 0:25Final Steps and Access
    06

Transcript

0:00

You've been asking how to create these UI animations in my video, and now you can do it too. It's called Bad Motion by Higgsfield, and this is my exact workflow. First, start by finding your reference. For me, I love that clean Apple style animation. Take that image, drop it into Claude, and ask it to generate a detailed animation prompt based on the motion you want. Once you get the prompt, paste it

0:15

animation prompt based on the motion you want. Once you get the prompt, paste it into Higgsfield and upload the reference image. You can also create a reference image using Nano Banana. Then repeat the same process in the first example, and that's it. Comment Motion to get access and a full breakdown.

0:26

Motion to get access and a full breakdown.

Are you the creator or rights holder of this video? Request removal of this transcript.

Related Transcripts

Never lose a moment again

Save videos from YouTube, Instagram, and TikTok. Search across all your transcripts with AI-powered semantic search.

Start Saving Videos — Free Trial