AI Website Workflow - Figma, GSAP, Midjourney & ChatGPT

https://alieninterfaces.com/ Alien Interfaces Episode 9 Part 2 In this episode I build a website based on the Figma design we made in the last episode (https://www.youtube.com/watch?v=5QFx8vLoCgg). We'll export the figma layout as JSON and load it to make a responsive website. Then we'll use chatGPT and GSAP to code up some animations to make a parallax scrolling site. Last Episode: https://www.youtube.com/watch?v=5QFx8vLoCgg Midjourney: https://www.midjourney.com/ Source: https://github.com/alieninterfaces/10-pastries Music: - Squeeda - Transform - Provided by Lofi Records - Watch: https://www.youtube.com/watch?v=E1L1I292WWY - Download/Stream: https://lofigirl.com/releases/transform/ 0:00 Intro 0:08 Figma to JSON 0:28 HTML 0:37 Javascript 2:03 Below the Fold 2:48 Figma Backgrounds 3:35 Fixed Scrolling Background 4:20 ChatGPT 5:50 GSAP Animation 8:08 Results