Midjourney + ChatGPT For Web Design Tutorial

[@PaytonClarkSmith]

I have to keep reminding myself that AI is here to help my business, not replace it 👊🏻 this video is an awesome example of how to ride this wave and use it to our benefit rather than letting it cripple us. Thanks Ran

[@atiyer2001]

That's a relief. I am learning figma and I was struggling for design ideas, this video helped me a ton, thanks FLUX ACADEMY!

[@paulhenricksen5728]

I see it as an opportunity for a creative human renaissance in design. People will begin to value “handmade” content, copy and designs in the same way we do now with furniture for example.

[@Beyondarmonia]

The people who make "handmade" and the hipsters who buy it is tiny compared to the whole furniture industry.

[@mohammdatef5484]

I wish that you continue designing the full website page!

[@branddesigner17]

Me too

[@Fostit]

+1

[@danielc81]

It should be as easy as this part just change the page titles and get the info from gpt

[@loudcloud1499]

@@danielc81 fleshing out the commerce functionality would be pretty cool and look great on portfolio

[@MrForestExplorer]

I've used Midjourney in conjunction with DALLE2 (out-painting) and ChatGPT (and Photoshop) for a few websites now... Works well.

[@AdilsonDaRochaa]

maybe this is a dumb question...but after you´ve created the landing page with all of the tools you mentioned, how do i "put" that landing page on my website? do i now have to code a webside myself or is there a way to uppload the design on a shopify store?

[@CitiConnectph]

@@AdilsonDaRochaa you can use something like Editor X to do that you just need to click and drag elements to your page and viola! you have your website. deploying it would be another topic though.

[@sitikanthamuhuri]

Excellent! Many things can be learned from this video.

[@designbyodo]

Chat GPT Helped me to generate brilliant and organised content for my website. this is really helpful to Website designers.

[@gmark247]

In my opinion, you hit the checkmark with the result at the end!

[@alexanderkrasnovsky]

ChatGPT can also generate a request for Midjourney

[@naturallydope247]

How do you do that?

[@JonathanCampDesigner]

When you view the upscaled you can click the “view original” link just below the image for much higher resolution or click the upscale button under the main image for high res… Also in chatgpt you can have a conversation e.g. you do not need to keep repeating the jet ski company… its part of the original conversation.

[@yhwhlungs]

Wow! AI advancements are going to change everything about how business is going to run! Great video showing one of many workflows to have.

[@samreciter]

That is crazy case study - i love it!

[@des7638]

this is dope. thanks Ran

[@TOP_Business_Tips]

Thank you Ran!

[@yashkalra6518]

The best thing to use this ai is for images. They create really beautiful images. For web design it is good for inspiration only.

[@thespringbox]

Is it ok to get an idea or copy the templates from Midjourney? I'm preparing my portfolios for getting into the company and I'm kinda scared. Won't they complain about this during the interview because it's NOT my original ideas?

[@yashkalra6518]

@@thespringbox dont blindly copy the whole template just take inspiration like colors, images,illustrations used. Then create the new design in figma you can ask similar images from ai.

[@thespringbox]

@@yashkalra6518 I see. Thanks for advice

[@Homeandhustlediaries]

Love it! Got me excited to start creating.

[@TheCreativeDad]

Really enjoyed this video thanks for sharing🙌🏾

[@tjveach]

Thank Ran, great insight! Much appreciated!!

[@Soundcup]

Impressive results and inspiration. Would love to see what ai creates for a music producer related website

[@opsnax1468]

Thank you so much brother ❤️❤️❤️

[@branddesigner17]

That's really OSM.. Pls pls make more videos like that I really appreciate it. thanks u sooo much

[@itsattaullah]

That's really an amazing content make more about this

[@DiGoM00]

Super usefull video, thanks so much!

[@atiyer2001]

Need more videos like that

[@hqasmei]

This is great!

[@notro104]

How do you make the page interactive? For example, using this design on Wordpress

[@marcmillion140]

Wow I’m about to become the goat at work designing websites 😂

[@waxmaster-c]

In the near future, a client can generate a full website straight from the brief. No web designer needed. Clients can just subscribe to a Squarespace type of service which has design and hosting built in. If you are a jet ski company you just type in prompts and it crates the site right in front of you. You have unlimited revisions and the design adapts according to customer behaviours.

[@heyjames.design]

GREAT!

[@whimsicalcellbooster]

It’s always about how to use the tools that are given to you :D Magic is meant to happen. Thats some awesome interesting content and created a ton of ideas in my head using AI-ded development and design

[@lightningRatPack]

Great video. The only problem is that's a random jet ski not the client's jet ski. Can mid-journey make more images if the client only has one or two pictures of their product? That would have been a good test.

[@adilinial]

מדהים!!

[@MrEJYourSolarExpert]

Great vid… thanks. Question… after what you did in figma…. Am wondering if you created the landing page from it and how?

[@leally]

I guess it's nice for the asset generation, but a designer could definitely make this wireframe in the same time. It's just a banner with text + cta, and one side by side module. Just use a CMS at that point?

[@FireandFrostHVAC]

This will increase my income. Thanks.

[@TheBvfnbv]

everybody is afraid of AI but this man is using it like his employee: "Give me a logo and I want it fast, in the meantime generate a photo according to my prompt, now!"

[@djcaly84]

Well, that's the purpose of the AI, to work alongside people.

[@dailylifestyle834]

Hi please can you tell me how to make a mock-up for wall art prints to sell.what exact prompts I should write

[@vinceofscandal]

Perfect tools for non-creative ppl. This is your moment guys ! Now you can finally pretent to be an artist 🤣

[@przemekgacka1565]

How about addressing legal issues surrounding those ML image generators (which are not AI by any means)?

[@Robin-lm3no]

a m a z i n g 😍😍

[@alenscaria1516]

Cool

[@Homeandhustlediaries]

By the way, what tool do you use to screen record while also show your face?

[@MsSquarebanana]

You can use OBS

[@FluxAcademy]

Face with camera screen with QuickTime then edit

[@hopetalksdesign]

@@FluxAcademy what did you edit with? Final Cut?

[@danyalalam1544]

Nice 👍

[@sagivmarzini9351]

Hey! I saw that you accidently wrote in Hebrew in the video. I'm from Israel and really like your videos!

[@AdilsonDaRochaa]

maybe this is a dumb question...but after you´ve created the landing page with all of the tools you mentioned, how do i "put" that landing page on my website? do i now have to code a webside myself or is there a way to uppload the design on a shopify store?

[@jackies35]

I DID THAT... I typed the forward backslash(/imagine. and nothin happens. This is weird. I only see Built-in prompts.

[@MariaBashir-fn2tt]

hi I have given a prompt to midjourney and am not getting relevant results even though I have tried tags too. what to do now?

[@VaibhavShewale]

it just make your work go more faster

[@shravansutar6237]

Nice

[@michaelmannucci8585]

Pretty cool. Sometimes if find what helps when MidJourney ignores something later like "minimal" is to put it at the beginning of the prompt... and just leave it there twice.

[@jaywbus]

GOTTA love me some AI generated hands!

[@manurasera7567]

Hey, how can I ask to use my product photos? it's possible?

[@jokestime98]

You can add midjourney to your private server instead of using the chat room

[@alyssa_bananas]

Ooooh! Can’t wait to watch!

[@happylika]

I want to try chatGPT, but for 2 days it tells me that it is too crowded..😥

[@zuupack]

1000 hour project in a couple hours. damn AI gonna change the game

[@redtheredhairedlady734]

Is there a Flux Tutorial about how to transfer the Figma Website to code and install it? ⁉⁉⁉

[@branddesigner17]

Pls make the whole page.

[@leebarnes9486]

is there a way to locate your designs quicker? this is becoming extremely time consuming having to scrub through hundreds of designs to find your own...

[@leebarnes9486]

nevermind, i got it

[@celialusma4618]

and my teacher was like no of course ai is not gonna replace graphic designer lol even in the starting point of ai you can create that much imagine in the 10 years the growth and their abilities will be exponenetial.

[@edujyoung]

Epic

[@AK-lj2pg]

This looks pretty cool and interesting. I really would like to learn to work with AI myself. Is there any way a you can learn to work with such a tool? How do I determine which tools I want and can work with and whether they are suitable for my needs? I also understand that you have to "talk" to these types of tools in a certain way. How do you do that and how do you get the right prompts for the right output? You could make quite a nice series or course on this. Maybe a nice addition to the Web Design: Becomming a pro course? I think tese kind of tool will be a big thing for designers in the future.

[@DanteNava]

Dude, just TRY chatGPT and 90% of your questions will be answered. You talk to it like you're asking a buddy questions: How do I... What's the code for... Can you explain it to me like I'm 5... Seriously, it's amazing and useful

[@FluxAcademy]

That’s a cool idea! At the moment it’s a lot of experimenting

[@Saint_Astro]

Does anyone know how he is recording this video with himself in the bubble? I am having trouble finding a frictionless way to do this.

[@t0MMika]

use Loom

[@waynelai354]

The problem with this is the first thing I would do as a potential customer at the website is look up the jetski to see how much it costs. But what I would find is that most likely it doesn't exist or doesn't exist in the configuration that Midjourney envisioned. Product images have to be pretty specific. Imagine if even the handle bars are fictitious, I don't think the company would allow an image like that to represent their company. You would need to get a real product that the company offers and inpaint into the image then massage over the flaws. Concept art that doesn't get too specific on products would probably be easier to sell.

[@justsoonenough]

Well this is web design and not web development, so this is not the final result of a website, only UX/UI design....

[@Andresvideo]

@@justsoonenough exactly, for the final design the company must provide the web developer with actual photos of the product. That is quite obvious.

[@calinmorar2805]

Hey, should a web designer know how to use HTML or CSS?

[@wejdenzaibi1200]

Both of them start with HTML then CSS

[@justsoonenough]

Depends if you want to actually make a functioning website or just designing it. If you want to create the website I recommend you know HTML, CSS and JavaScript!

[@justsoonenough]

HTML for structure, CSS for design and Javascript for functionality

[@pixeltonenewmedia2657]

You don’t need to know anything now. Ai bots will do all the hard work! We need new jobs!

[@justsoonenough]

@@pixeltonenewmedia2657 Then start a business and generate some new jobs haha

[@jaxontn]

Please ask mindjouney regarding Insuarance Web Design ❤

[@paulsimon1272]

Nice chat: ” Romania During WWII ”

[@TheOriginalTristonEvo]

if ai(artificial intelligence) can do everything what is human purpose

[@Sol-xp3gu]

Human purpose is to create an AI program system to make human’s life much easier. Without human’s intellectual there is no AI.

[@TheOriginalTristonEvo]

@@Sol-xp3gu that's a redundant statement with no true explanation to my question....

[@Yannik79Simon]

its us who will benefit from it not others

[@tobias6361]

it's sad that midjourney is not available for free to use, i dont want to pay for it, but just for the purpose of getting a quick mock up for a new website idea it would be great, but you dont do that everyday 10 times, so i dont see the point in paying for it

[@justsoonenough]

Isnt midjourney a pay per prompt?

[@NextDaniel13]

all fun and games til you realize that client could`ve fed its brief into the ai by himself instead

[@shadahmad6102]

Bro I am making a toy review affiliate website. Can you make a beautiful design for me with midjourney ai please 🙏🥺. I have not taken midjourney subscription. Please 🙏🥺 help me brother 🙏.

[@VRDynamite]

the biggest issue with every one of these same "web design" videos is they all make websites for products that aren't even close to existing lol!!! Ok now go tell your client they need a professional photo shot just like this one! lol. Doesn't work like that.

[@FluxAcademy]

This is a solid comment. But anyway a client would need art direction for photography, so this can be a great inspiration for it

[@Andresvideo]

If a premium custom jet ski company doesn't have nice premium custom jet skis and good pictures of their premium custom jet skis, their main problem is not web design.

[@jboyce007]

Is it me or do you think the images created are so good that the products/services behind them start looking bad?

[@AustinDoesDesign]

Cool idea but lets be real thats a very generic looking website

[@AustinDoesDesign]

But simple works, so i guess job well done.

[@going_dark]

Does somebody else read FAQ as "fak" or is it just me.

[@DeepfriedBaby]

Could you just ask midJourney to not include any text?

[@FluxAcademy]

Maybe haven’t tried

[@breadman3736]

Would say first but I don’t need to 😂

[@jarek3573]

Bit depressing. I think we don't have to wait long until even prompter and correction will be neceserry. All those years of learning, love for doing it and satisfaction just vanishes. With all my enthusiasm for AI - if this won't be regulated it will be very painful for some people. Don't mention fact that capitalism will eat it own tail.

[@charlieashcroft1472]

The thing is the website looks terrible. As does the logo. ChatGPT has not helped you here.

[@AnemosFPV]

Well the design is bellow avarage, text is also nothing special. These tools look like a great thing to use but humans are way better. It’s creates avarage work at best And who knows there it took that image of the guy on the jet ski it can be copyrighted. I thought it was a revolution and now I just think it’s hype that will die off quickly

[@vlad.das17]

Yeah but it's pretty impresive for 25 minutes of work. I would say that this helps you a lot if you are a beginner in webdesign and you just started to discover. Also it should be just a source of inspiration for advanced webdesigers.

[@AnemosFPV]

@@vlad.das17 Yes its good for beginners, maybe... I found it like a huge waste of time and low level design work. It feels like its just fetching some templates and images from somewhere. Some designs look nice because it sometimes by random luck picks a nice looking image, but where is the image from? Is the image copyrighted? I wonder where it gets images from...

[@FalkoJoseph]

@@AnemosFPV these images are not real. They’re not pulled from a database, that’s not how image AI models work. The images are put together from scratch by using parameters from all existing images combined.

[@ontheruntonowhere]

I'm more concerned that this guy can't tell that the navbar isn't pure black, and that he's not reading the tagline correctly. This may not be the greatest website design in the world but, as a developer - not a designer - it's much better than I could do. I've turned down many gigs because design is not in my wheelhouse, but I would feel confident presenting this design for consideration. Regardless, I'm not sure what the intent behind your comment is. Do you think you're going to stop people from using it?

[@durgeshchore8665]

@@FalkoJoseph we all know how it works, the main thing is, which images does ai use to train their data-sets or to get such images. I hope you get that

[@10dan]

Bro stop giving out the cheat codes

[@Younex]

Let's be honest that's the ugliest UI I've seen this year!