I Designed This Animated Website (Figma + Unicorn Studio)
6141 次观看 · 2026-06-18
UI 设计
In this tutorial, I'll show you how I designed this futuristic website concept from scratch using Figma and Unicorn Studio.
We'll create a cinematic hero section, build the UI, work with AI-generated visuals, and add interactive shader effects that respond to user movement.
By the end of the video, you'll see how easy it is to take a concept design and turn it into a real interactive website experience.
00:00 Intro
00:16 Figma Design
05:39 Unicorn Studio Shaders
09:25 Framer Build
10:26 Final Result
Tools used:
• Figma
• Unicorn Studio
• Framer
If you enjoy UI/UX, web design, interactive experiences, and creative design workflows, make sure to subscribe for more tutorials.
✨ Connect with me
Instagram → https://instagram.com/thedesignely
X → https://x.com/designely
TikTok → https://www.tiktok.com/@itsdesignely
#webdesign #figma #uiux #unicornstudio #webdesigner
We'll create a cinematic hero section, build the UI, work with AI-generated visuals, and add interactive shader effects that respond to user movement.
By the end of the video, you'll see how easy it is to take a concept design and turn it into a real interactive website experience.
00:00 Intro
00:16 Figma Design
05:39 Unicorn Studio Shaders
09:25 Framer Build
10:26 Final Result
Tools used:
• Figma
• Unicorn Studio
• Framer
If you enjoy UI/UX, web design, interactive experiences, and creative design workflows, make sure to subscribe for more tutorials.
✨ Connect with me
Instagram → https://instagram.com/thedesignely
X → https://x.com/designely
TikTok → https://www.tiktok.com/@itsdesignely
#webdesign #figma #uiux #unicornstudio #webdesigner