Design This Animated Website Using Figma and AI

Design This Animated Website Using Figma and AI

Rafid Designs 20.5K subscribers
2.7K views · 2026-04-28 UI Design
In this video, I walk you through my full process of designing an animated Oura Ring-inspired website, starting in Figma and bringing it to life with Google Gemini and Jitter.

🎁 Download Design Resources: https://www.figma.com/design/pfeJpxdQxtoAHyRCBu5tK6/YT-Video-Resources?node-id=0-1&t=o3RoL5HQ53E2SxcE-1
⚡Figma Animation Tutorials Playlist: https://youtube.com/playlist?list=PLjopdMQbO5K65U1Luc4T0We66gk5ewifh&si=eb2OqLl9xqLPic5t
⚡Figma Web Design Tutorials Playlist: https://youtube.com/playlist?list=PLjopdMQbO5K6oVCTpDN6pLL-_rJHE0Pru&si=dJy8SE8E2WCgwDAM
⚡Join my Telegram Group: https://t.me/rafiddesigns

✅ Available for Freelance Work & Collaboration. Contact me here:
✉️ Email: rafiddesigns@gmail.com

🎵 Music Credit:
Music: Blossom by GalaxyTones https://soundcloud.com/galaxytones
License: Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://www.audiolibrary.com.co/galaxytones/blossom
Music promoted by Audio Library: https://youtu.be/mTCC84FojN0

👉 Your Queries:
figma tutorial
figma website
figma web design
figma for beginners
figma animated website
animated website
animated web design
animated website with ai
animated website using ai
animated website design
animated website design in figma
ui design
web design
landing page design
modern web design
gemini
google gemini
ai design workflow
design with ai
ai design tutorial
no code design
jitter
jitter animation
jitter animation figma

#FigmaTutorial #WebDesign #FigmaWebsite #AIDesignWorkflow #LandingPageDesign #UIDesign #DesignWithAI #NoCodeDesign #ModernWebDesign #FigmaForBeginners #DesignWithAI #GeminiAI #GoogleAI #Jitter