ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Midjourney + ChatGPT For Web Design Tutorial
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- Learn to design high end websites with our Web Design Pro course - bit.ly/3WaPu9D
AI is nice for creating pretty images, but can it help you do your actual job as a designer?
In this video I’ll be showing you how I go from creating an Ai generated brief to achieving the vision of that brief using other Ai tools like Midjourny & ChatGPT.
📽️ CHAPTERS
00:00 - Intro
00:28 - Generating website brief
01:04 - Generating a mock up with Midjourny
07:15 - Creating a logo & headline
14:41 - About us (section)
21:25 - Final results
Goodbrief: goodbrief.io/
ChatGPT: chat.openai.com/
Midjourney: midjourney.com/
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 / flux.academy
Ran's Instagram 👉 / ransegall
Thanks for watching our video!
#aidesign #ai
#webdesignerfreelancer #websitedesigners #freelancerdesigner #freelancewebdesigner
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
That's a relief. I am learning figma and I was struggling for design ideas, this video helped me a ton, thanks FLUX ACADEMY!
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.
The people who make "handmade" and the hipsters who buy it is tiny compared to the whole furniture industry.
I wish that you continue designing the full website page!
Me too
+1
It should be as easy as this part just change the page titles and get the info from gpt
@@danielc81 fleshing out the commerce functionality would be pretty cool and look great on portfolio
I've used Midjourney in conjunction with DALLE2 (out-painting) and ChatGPT (and Photoshop) for a few websites now... Works well.
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?
@@adilsondarocha5722 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.
ChatGPT can also generate a request for Midjourney
How do you do that?
Chat GPT Helped me to generate brilliant and organised content for my website. this is really helpful to Website designers.
Excellent! Many things can be learned from this video.
In my opinion, you hit the checkmark with the result at the end!
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.
The best thing to use this ai is for images. They create really beautiful images. For web design it is good for inspiration only.
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?
@@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.
@@yashkalra6518 I see. Thanks for advice
That is crazy case study - i love it!
this is dope. thanks Ran
Wow! AI advancements are going to change everything about how business is going to run! Great video showing one of many workflows to have.
Really enjoyed this video thanks for sharing🙌🏾
Thank you Ran!
Love it! Got me excited to start creating.
GREAT!
Thank Ran, great insight! Much appreciated!!
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.
That's really OSM.. Pls pls make more videos like that I really appreciate it. thanks u sooo much
Wow I’m about to become the goat at work designing websites 😂
מדהים!!
Super usefull video, thanks so much!
That's really an amazing content make more about this
This will increase my income. Thanks.
How do you make the page interactive? For example, using this design on Wordpress
Need more videos like that
Thank you so much brother ❤️❤️❤️
Impressive results and inspiration. Would love to see what ai creates for a music producer related website
This is great!
GOTTA love me some AI generated hands!
Perfect tools for non-creative ppl. This is your moment guys ! Now you can finally pretent to be an artist 🤣
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?
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
Hey! I saw that you accidently wrote in Hebrew in the video. I'm from Israel and really like your videos!
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.
it just make your work go more faster
Cool
You can add midjourney to your private server instead of using the chat room
a m a z i n g 😍😍
Ooooh! Can’t wait to watch!
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!"
Well, that's the purpose of the AI, to work alongside people.
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.
1000 hour project in a couple hours. damn AI gonna change the game
Nice 👍
Great vid… thanks. Question… after what you did in figma…. Am wondering if you created the landing page from it and how?
Nice
How about addressing legal issues surrounding those ML image generators (which are not AI by any means)?
Epic
Hi please can you tell me how to make a mock-up for wall art prints to sell.what exact prompts I should write
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?
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?
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.
I DID THAT... I typed the forward backslash(/imagine. and nothin happens. This is weird. I only see Built-in prompts.
Pls make the whole page.
Hey, how can I ask to use my product photos? it's possible?
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.
Well this is web design and not web development, so this is not the final result of a website, only UX/UI design....
@@justsoonenough exactly, for the final design the company must provide the web developer with actual photos of the product. That is quite obvious.
Nice chat: ” Romania During WWII ”
Please ask mindjouney regarding Insuarance Web Design ❤
its us who will benefit from it not others
I want to try chatGPT, but for 2 days it tells me that it is too crowded..😥
By the way, what tool do you use to screen record while also show your face?
You can use OBS
Face with camera screen with QuickTime then edit
@@FluxAcademy what did you edit with? Final Cut?
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.
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
That’s a cool idea! At the moment it’s a lot of experimenting
if ai(artificial intelligence) can do everything what is human purpose
Human purpose is to create an AI program system to make human’s life much easier. Without human’s intellectual there is no AI.
@@Sol-xp3gu that's a redundant statement with no true explanation to my question....
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...
nevermind, i got it
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.
use Loom
Hey, should a web designer know how to use HTML or CSS?
Both of them start with HTML then CSS
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!
HTML for structure, CSS for design and Javascript for functionality
You don’t need to know anything now. Ai bots will do all the hard work! We need new jobs!
@@pixeltonenewmedia2657 Then start a business and generate some new jobs haha
all fun and games til you realize that client could`ve fed its brief into the ai by himself instead
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
Isnt midjourney a pay per prompt?
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 🙏.
Cool idea but lets be real thats a very generic looking website
But simple works, so i guess job well done.
Is it me or do you think the images created are so good that the products/services behind them start looking bad?
Would say first but I don’t need to
😂
Does somebody else read FAQ as "fak" or is it just me.
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.
This is a solid comment. But anyway a client would need art direction for photography, so this can be a great inspiration for it
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.
The thing is the website looks terrible. As does the logo. ChatGPT has not helped you here.
Could you just ask midJourney to not include any text?
Maybe haven’t tried
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.
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
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.
@@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...
@@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.
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?
@@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
Let's be honest that's the ugliest UI I've seen this year!
Bro stop giving out the cheat codes
Is there a Flux Tutorial about how to transfer the Figma Website to code and install it? ⁉⁉⁉
Chat one is very corrupted tho and seems more man made biases controlling that entire network than anything.