Turn Midjourney UI to Web Design

Explore AI-driven web design techniques, focusing on Midjourney-inspired interfaces, buttons, icons, and logos. Full course: designcode.io/midjourney
This course covers UI patterns, color schemes, typography, design components, and auto layout.
Figma file: www.figma.com/community/file/...
[00:00] Intro
[02:46] Web Layout, Wireframes and UI Patterns
[19:00] Colors and Gradients
[31:19] Typography and Variable Font
🚀 Follow this course on Design+Code's website
➡ designcode.io/midjourney
👋🏻 Let's connect!
➡ Twitter: / titepommee
➡ Instagram: / sourasith.design
#figma #midjourney #uidesign

[@lawrencemotions8720]

Amazing i'm a young web dev jr not a designer though blurring only specific parts of a div/image is a tad tedious i find these designs very exciting and im learning a lot about the design process and use of colors i love the futuristic ui tiered at looking at outdated lame designs all day designs like this is what keeps me engaged and excited about coding a website keep up the good work your work is amazing

[@vipulchandel1447]

I am so grateful for your help. Your kindness has truly made a positive impact on my journey.

[@DesignCodeTeam]

You are so welcome

[@tuningzhou1203]

Very Cool Web design Video, Especially the Light/dark colors palette and Gradients.

[@DesignCodeTeam]

thanks, the videos for light mode and icons are coming shortly!

[@Trankhanh2912x]

This video is great

[@suneelxd9473]

Awesome. No words to define.

[@DesignCodeTeam]

Wow, thank you!

[@olivierturpinlavallee6153]

Amazing work guys!

[@DesignCodeTeam]

Thanks a ton!

[@ShampooAki]

Very nice intro ❤

[@pochocard]

Thanks u very much! Excellent video. Greetings from Perú

[@DesignCodeTeam]

appreciate the kind words!

[@ed61730]

WOW I hope they see this and hire you NOW.

[@Miguel-dh4it]

thank you for this 👌🏼

[@DesignCodeTeam]

you're very welcome!

[@moooodmusik4906]

Very good video! Pretty engaging and dynamic!

[@DesignCodeTeam]

we put a lot of efforts into the video editing in this one! ty!

[@user-hu6bn5wu9j]

Thank you my friend

[@tee6942]

Amazing 🤩

[@DesignCodeTeam]

thanks so much!

[@joshuaoladele8112]

"Wow, this video is incredibly informative and well-presented! The content is well-researched and the visuals are engaging. Thank you for sharing this valuable knowledge with us. Keep up the great work!"

[@DesignCodeTeam]

Wow, this means a lot to the team!

[@climax65]

@@DesignCodeTeam can we chat on WhatsApp or Google chat

[@genesisboyt5071]

Hey can all these be done on a Samsung tab (like, all kinds of stuff you do), please suggest……

[@marten3451]

What program did you use to set the web design?

[@sarfaraz306]

How to setup figma ?

[@connieblackmon3932]

you have such a beautiful tutorial, why in the world are you so hard to hear????? beautiful imagery!

[@user-yr5rr2yn9y]

почему вы не указываете ссылку на аккаунт в самой фигме?

[@bushraayub1762]

generating image in midjourney is not fee??

[@kohmeik]

What video editing software did you use to make the intro? It looks amazing

[@DesignCodeTeam]

After effects for the intro and Screen Studio + Screenflow for the general content

[@MyDigitalHub]

👏👏👏

[@DesignCodeTeam]

thank you!

[@batman3490]

it's asking for subscription

[@pgsylhet]

Hi! I want to discuss with you about design and coding, please reply

[@straykidsco2421]

🇨🇴🙋‍♀️👍🏼🤝🏼Hola, saludos desde Colombia, yo quiero aprender a crear esas espectaculares interfaces, 🤔¿ustedes me pueden enseñar o ayudar? 🤔¿O dónde puedo yo estudiar la creación de esas maravillosas interfaces?

[@carlosp.1846]

Designs are amazing, but would be nice to learn how to bring them one step further and turn them into a real website. How do we export them, where and how do we integrate them in the website, do you know perhaps a channel who brings this the step further ? Thanks

[@Mopark25]

Upload the designs to Claude 3.5

[@sinarezvani]

❤❤❤❤

[@k.kaiserahmed8013]

What are the prompts...can you please tell me how to give a prompt to get those UI design like you got.... thanks in advance 😊

[@nicholasfactor]

read them

[@llothar68]

I can see that AI is now ending the trend to flat and materialize websites. The return of the glow buttons? Or maybe not, very very few websites need the style Midjourney is creating. And all my attempts for better inner pages design failed compared to manual browsing google and dribble

[@share_the_love]

ai voiceover?

[@DesignCodeTeam]

yes trained from our own voice

[@Umitto]

Bg music so loud unnecesary

[@tantaluseternal]

Whats the point? You dont have a single line of code. This page isnt and never will be a an actual web page.

[@DesideriusTheSerious]

What else are people supposed to do for you? xD Making a layout is one of the steps in webdesign. AI is making the potential generation of layouts more of a pleasing experience without having to sacrifice hours into something that your customer wouldn't find interesting, which equals to time wasted. WIth the stuff presented here you just drop all the text and write a code using all the created assets.

[@tantaluseternal]

​@@DesideriusTheSerious wow you are just wrong and don't know what you are talking about. "WIth the stuff presented here you just drop all the text and write a code using all the created assets." what created assets? you mean the ONE single picture she created in an IMAGE editing tool? that isn't a website. write a code? clearly from someone who has never written a single line of code. every single piece on that screen has to be coded, every box and color and placement. so do please tell us all how so easy it is to, "write A code", using one picture, to create an entirely functioning website. i'll wait.

[@Likeatoss]

Yeah these videos seem to all be the same and only show the AI aspect. Theyre pretty looking images but basically useless. Pretty sure its an AI voice too. Wouldnt be surprised if some dude had chatgpt write a script, use an AI female voice to read it, and then just edits it with click baity titles.

[@dadolphin6414]

First! Mwe want pin now

[@kanu6532]

Web Designers the future of copy and past include AI vioce 😂the AI voice is not natural!