How I Design Animated Websites Using Figma + AI

Get the design file: https://www.patreon.com/c/kyleskelly
In this video we design a website for a Snowboard brand. We use Figma, Midjourney, Google Gemini 3, Jitter and ShowOff Jitter to bring it together.

Try ShowOff: https://www.showoff.video/
Try Framer: https://framer.link/kyle-skelly

Follow me on: https://x.com/KyleSkelly
Work with me: https://www.kyleskelly.com
Purchase my vector pack! : https://kyleskelly.gumroad.com/l/rough-edge-pack

In this full walkthrough, I’ll show you how I designed a animated hero section — from logo to layout — using modern AI workflows and clean design practices.

Whether you're a designer, developer, or indie creator, this tutorial will help you create visually impressive sites faster than ever before — with no code required.

What you'll learn:
– How to structure a modern website in Figma
– Using AI (Google AI) for image and video
– Animating it in Jitter


#FigmaTutorial #WebDesign #FigmaWebsite #AIDesignWorkflow #LandingPageDesign #UIDesign #NoCodeDesign #ModernWebDesign #FigmaForBeginners #DesignWithAI #framer #framerexpert #jitter #gemini3 #googleAI #Jitter