Back to Browse

Design This Animated Website Using Figma + AI!

8.9K views
Feb 24, 2026
11:20

Try Mobbin (20% Off for New Subscribers) https://mobbin.com/kyleskelly In this video, I design a modern animated 4x4 Car website from scratch. We start in Figma, gather high-quality UI inspiration from Mobbin, generate custom assets with Google Gemini, and bring everything to life in Framer. 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 Try Framer: https://framer.link/kyle-skelly Get the design file: https://www.patreon.com/c/kyleskelly In this full walkthrough, I’ll show you how I designed a high-end electric 4x4 vehicle website — from initial concept to live, interactive build — using a modern AI-powered workflow. We’ll: – Research premium automotive layouts using Mobbin – Design the structure and UI system in Figma – Generate imagery and supporting assets with Gemini – Turn the entire design into a fully responsive Framer site If you’re a web designer, indie creator, or developer looking to level up your workflow using AI + modern no-code tools, this is for you. You’ll learn: – How to use Mobbin strategically for real product inspiration (not copying — pattern recognition) – Structuring premium landing pages in Figma – Using AI to generate custom web assets – Building and animating everything in Framer #WebDesign #FigmaTutorial #Framer #Mobbin #AIDesignWorkflow #LandingPageDesign #UIDesign #NoCode #AutomotiveDesign #Animated #FigmaToFramer #DesignWithAI #GoogleGemini #Tesla #Rivian

Download

0 formats

No download links available.

Design This Animated Website Using Figma + AI! | NatokHD