How I Design Futuristic Websites Using Figma + AI

The first 500 people to use my link in the description or scan the QR code will receive a one month free trial of Skillshare! Get started today! https://skl.sh/kyleskelly02261
In this video we design a cinematic sci-fi game website for WASTELANDS — a post-apocalyptic universe filled with factions, tech, and brutal landscapes.

We design the full experience in Figma, generate custom game assets using Google Gemini, and bring everything to life in Framer with smooth interactions and immersive layout design.

Try Framer: https://framer.link/kyle-skelly
Try ShowOff: https://www.showoff.video/
Purchase my vector pack! : https://kyleskelly.gumroad.com/l/rough-edge-pack
Get the design file: https://www.patreon.com/c/kyleskelly

Follow me on: https://x.com/KyleSkelly
Work with me: https://www.kyleskelly.com

In this full walkthrough, I’ll show you how I designed a high-impact animated hero section and complete landing page — from logo and typography to layout, AI-generated visuals, and final Framer build.

Whether you're a designer, developer, or indie creator, this tutorial will show you how to combine AI tools with modern UI design principles to create next-level web experiences — fast.

What you'll learn:
– How to structure a cinematic game landing page in Figma
– Generating high-quality sci-fi assets using Google Gemini
– Turning static designs into an interactive Framer website
– Creating immersive hero sections with depth and motion
– Designing like a multidisciplined modern web designer in 2026

#FigmaTutorial #WebDesign #GameWebsite #AIDesignWorkflow #LandingPageDesign #UIDesign #Framer #FramerExpert #DesignWithAI #SciFiDesign #IndieGameDev #ModernWebDesign #GeminiAI #NoCodeDesign #antigravity #claude

Видео How I Design Futuristic Websites Using Figma + AI канала Kyle Skelly