AI Web Design - Figma & Midjourney

Alien Interfaces Episode 09

In this episode I build a prototype of a website designed by AI using Midjourney. I break apart the assets in Photoshop using batch automation and Generative Fill. Then I assemble the layout in Figma and add interactions to create a scroll based animated parallax prototype.

Music:
- Squeeda - Transform
- Provided by Lofi Records

0:00 Intro
0:40 Photoshop Actions & Automation
2:52 Photoshop Generative Fill
4:10 Figma Layout
6:00 Figma Scroll Animation
7:45 Results

[robertuszrobi]

the most fascinating part is the workflow. These are some amazing tricks, very useful for an aspiring frontend dev like myself:) Thanks for the tutorial, glad I came across your stuff

[hckbloodday]

please continue with these great videos!

[FlygOnLiTe]

I didn't know you could do that with Photoshop, that's game changing for me, thanks, high value info!

[madarauchiha]

I am glad I found you, do you take on freelance projects?

[seoulkimchi]

hey CJ, how do you do the fixed scrolling background? Is there any chance I could also download the template to try the animation myself too?