Reacting to Beautiful AI Art Web Designs + How to build them
Using AI Art Web Design and then building it with ChatGPT Without Using Code to turn them into Websites. Yep, this is the new way UI and UX interfaces will be built in 2023 and beyond.
⭐ New - Teach Me OpenAI Digital Book ⭐
enhanceui.gumroad.com/l/teach...
I've put together a easy to understand book with ~60 pages about OpenAI and GPT with how to get started to integrate it into projects, code examples, and much more!
⭐ Check out my Design UI / UX Course called Enhance UI ⭐
uxenhance.editorx.io/enhance-ui
I'm using midjourney to create some beautiful AI website designs. This will also help you learn how to generate website designs based on other prompts. I'll finally put these together on Editor X with the assistance of ChatGPT from OpenAI. Essenitally Reacting to Beautiful AI Art Web Designs + ChatGPT = Website
00:00 - Intro
00:34 - Learning Code
01:00 - AI Art - Street Clothes
02:33 - AI Art - Car
03:46 - AI Art - Fine Dining
05:11 - AI Art - Luxury Watch
06:42 - AI Art - Hair Salon
07:54 - AI Art - Music
10:08 - AI Art - Sweat Shirt
12:02 - AI Art - Coffee
12:32 - AI Art - Clothing
14:12 - AI Art - Recruitment
15:14 - AI Art - Soft Drinks
17:37 - AI Design Info
19:23 - AI Art to Photoshop
20:46 - ChatGPT to Website
21:49 - AI ARt to EditorX
24:46 - Outro
#ai #midjourney #chatgpt
Want to learn more, say hi, and interact with the Codex Community? You can also find our Community Discord below: This channel has Editor X's backing!
www.mergewebdev.com/
Mid Journey:
www.midjourney.com/
Chat GPT:
chat.openai.com/
Editor X:
www.editorx.com/editor-x/codex
This video is extremely impressive. It prompts me to inquire about the process for creating a vertical header on the left side with a logo, a menu, and social media icons, while not including a horizontal header or menu.
So grateful I found all your content Adrian, just watching what and how you are doing things is amazing and inspiring thank you from a total beginner.
Absolutely love your angle and application examples. Don’t stop!
That soft drink design is really stunning, it gives me new ideas directly when I already have 300 stored in my mind working on projects for customers I feel like a big need to launch something that has been empowered by Midjourney. These designs and AI give me so so much motivation, inspiration instead of thinking my programming job will be done soon! P.s. subscribed, seen some of your videos before but you bring high quality to your viewers🔥
i want to work with you on no wedges i am from india\
Do I need copyright, direct commercial use or infringement
Thank your for the inspiration and and explanation 👍 It's Amazing How designing and creative ideas finding has turned around lately Just Amazing 🤩
I love that bubble menu. That subtle touch makes all the difference.
loved this video super in depth and simple at the same time thank you
Great stuff I think you should make a separate video on just box shadows and how that can be done with the current video would be a great tut
Worthy to watch!! Keep it up the mindblowing content!!
Awesome. Thanks for sharing!
This is simply beautiful, blown away
love your work, love your content ! ❣
Thank you so much for videos like this, educating people to help themselves and inspire others in creating wonderful work is brilliant. You are a tactful teacher that deserves good praise 😊
So this what's app user, I think is posing as codex community and attempting to sell AI coding information/ stuff for ridiculous amounts of money, just for those of you who are interested in looking into it; sorry codex community that your channel is getting spammed like this. Anyone else experiencing the same thing?
This was amazing, waiting for your new video
Love your content on your channel!! 😄
I can't believe it.... it's so impressive!
Thanks a lot man 😊😊😊 For showing my ai art in thumbnail Thanks 🥰🥰🥰
Beauty! Great video my man!
I love your works it’s beautiful
Super informative video this definitely gives lots of inspiration and motivation!
AI is good for prompting the visual content of a page. Hierarchy and layout, it gets very homogenised - copy left, left-aligned, image right - very quickly
Super interesting and informative, definitely gonna improve my designs and design decisions
The decisions are being prompted for you though, and from an overarching scrape of what's out there.
Was waiting for your new video 🥰
Awesome, I’m thinking of doing a one hour video next time diving deep into properly building something like this out
Thanks!! here´s a new suscriber
Hey! I really liked the video. But I need your help, in the time 0:37, you drew in red on some pictures and it desapeared soon after, how did you do that? What program or tool did you use, because I would like to use it to. Thabk you!
Timestamps... Put in description 💖 00:00 - intro 00:34 - Learning Code 01:00 - Street Clothes 02:33 - Car 03:46 - Fine Dining 05:11 - Luxury Watch 06:42 - Hair Salon 07:54 - Music 10:08 - Sweat Shirt 12:02 - Coffee 12:32 - Clothing 14:12 - Recruitment 15:14 - Soft Drinks 17:37 - Design Info 19:23 - Photoshop 20:46 - ChatGPT 21:49 - EditorX 24:46 - Outro
Thanks heaps for this! I've added
12:02 wrong coffee ! Cofffiee🤣
Great explanation on how to use AI MAKING WEB-SITES... Many thanks,, I.m watching you from ECUADOR.- Quito, thanks again,,,
Super nice, thanks
Please make a full website, etc. Like adding multiple pages, menus, and more plugins like wordpress
Please make video on how to make own website using AI
That would be great
Great video 🌟
I love the designs using AI and MidJourney to create great looking inspiring designs. I also love the fluidity and simplicity the presenter shows how to design. How did you learn to use MidJourney and editor x and ChatGPT. Where can one learn to use these technologies to enhance my business?
I love these 😍
nice works
Love your videos. May i suggest doing a video on photoshop and how to use the cut tools and color grab? And maybe a tutorial on where and how to sell websites.
Yeah I’ll do for the next video
Interesting, inspiring, amazing, motivating, .....ing
👍🏼 Great video ! Thanks for sharing. Just a question: Is it possible to get the CSS, HTML and Java code files of a website after creating it on Editor X ? Thanks again
No it’s hosted on their site
@@hyperstarter7625 Thank you 👍🏼
EditorX allows you to export your designs as CSS and HTML code, which can be used by developers to implement the design in a website or application. Here's the general process for exporting your design as CSS and HTML in EditorX: 1. Open the design you want to export in EditorX 2. Click on the "Export" button on the top right corner of the interface. 3. In the export panel, select the "HTML & CSS" option. 4. You can choose to export all the design or just the selected elements. 5. Once you have made your selections, click on the "Export" button to start the export process. 6. The exported code will be saved as a .zip file, which will contain the HTML, CSS, and any other necessary assets such as images and fonts. It's worth noting that the exported code may require some adjustments and modifications to be fully functional in your website or application. However, the exported code will be very clean and well-organized, making it easy for developers to understand and implement. Additionally, you can also customize the export settings according to your needs, such as setting up the CSS preprocessor, including or excluding certain elements, etc.
THANK YOU IN CAPS!
Hi, please make a comprehensive video guide on how build a professional looking website using art AI and chatGPT. I have watched your previous videos however, I would appreciate a step by step guide to build a complete website.
I want to see how you handle the client feedback. "change the font style" "use our photo library" "change color" "make it responsive"
Jumping on the Discord!
Shot for the videos, I was stuck on HTML and CSS. This would cut workflow into a 1/4 of the time.👍
How did you download the pictures from midjourney in such good quality? 😊
amazing thumbnail!! 😱😱😱😱😱😱
Trying to get the 🤯 and 🙀 expressions perfect!
Hi bro, I'd like to ask about Is it possible to export PSD file? Or just only exporting PNG, JPG
if i have a picture of a shoe (for exampe) how do i get ai to use the photo i have taken and incorporate it into a poster, without adding any effects to the actual photo of the shoe - just using it as the main element and building around it ?
Its possible to make a full tutorial,how to use midjourney and get some beautiful image for creating E-commerce website and how to use Photoshop to help us more clearly thanks 🙏
Excellent video, we use Midjourney and ChatGPT as well
this amazing .. i want to know how to build full landing page with midjourney .. full layout or mockup .. how to do that ?
Can we use the images used by ai in the website idea in our website without any license or attribution?
Imagine placing together Dribbble, Behance, and other portfolio websites, this is what AI is doing right now by parsing and collaging unbiased trends from thousands of already-existing portfolios. In simple terms, AI is discarding the "trendy" style bypassing this bias and experimenting with design models that have been discarded.
The designs are great but you have to do a lot of work to get the pieces. If you could get the design and then export the individual pieces/sections it would be a real game changer.
Please make a full website, etc. Like adding multiple pages, menus,
Who has the copyright of these pictures or design ideas in the end? Really impressive what AI can do. I tried Dall-E but didn’t get good results with it.
I'd like to get your view on the ethics of AI in design and art, maybe that would she'd some light to those worried about it all
awesome designs ! one question guys @codex, for web site / banner image generated with gradient background and random text on top, how can I remove the generated text (and keep the gradient color background) to put mine with Canva or other tool ? thanks !
Either ask midjourney to recreate the design or photoshop it, ill try to cover this in another vid!
Where does the design work for the training data used by MidJourney, originate from? Is it from Behance? dribbble? Other platforms where UX designers post their work?
I would like to know too
This is amazing Tutorial No doubt !
How can i implement my product images into the AI and make designs with it rather than random stuff?
Hello, great content 😀 question : how can you use midjourney in your own discord?
I purchased a licenses with it to do so, you can do the same if you jump onto their website to see their pricing models. Then I followed the documentation to integrate it!
hello, sir if we generate a logo from AI tools how to customize the logo color through mid-journey.
this is gold bro! ❤ how can I join your discord channel? what are the requirements?
Basically we are asking the Ai to give us variations until we see something familiar, that we can relate too. How does one know if doesn't try 1 of the examples generated by the software? :)
I’m curious as a noob with Midjourney, when you do image queries, are they always public?
nice websites
I'm new subscriber from Pakistan
great
How can I access your discord community? great video btw thank you so much!
Add this line when generation design "Keep css flexbox and grid in mind for layout"
what tool would u use to remove change the text in logo- or how can you output in layers?
Photoshop does a pretty good job, but you could even get the AI to do it, thinking of doing the next video on logos!
Could u plz make a vids on scientific journal cover, graphical abstract or scientific illustrations? i can't find relevant vids on this topic. i think AI arts have potential to do this kinda work, but as a beginner i don't know how to start.
06:22 what program do you use to draw on the screen while recording a screencast?
Epic Pen
Can someone explain the following prompts and what they are doing: “-ar” , “stylize:500” “v 4” . Curious What those values mean.
I think the biggest issue with this is the products themselves. You cant have it render your actual product which makes it really difficult to use. Until you can give it photos of your product(s) to create the design with its kinda just for show
Exactly a show. Nobody knows unique or some stolen stuff.
That's where the web engineers come in, it's no longer about building websites it's about crafting experiences :)
It's merely a tool! you have to fill in the gaps via skills!
🥰
This is not a reason for you to be lazy, these outputs are amazing. You are already 70% of the way there with these designs.
Is someone using Stable diffusion for this. Are there good checkpoints/models for it?
I Realy want to see a video from you codeing a website with Ai tool and it just html css js for Biggner it well be a intreasting video and how even a normal level with Ai tool can make a really good website
As a frontend developer and CRO expert, the 1st thing that worries me is page speed.
Very interesting, thanks for sharing. How old are you?
Can you do a full video on making the AI website in Editor X instead of having 5 minutes of it at the end?
Yes that’s exactly what I want to do next
After generating like 15 images, Midjourney asked me to subscribe.
“Today I’ll be reacting to some art… by myself.” WOAH! LOOK AT THAT ART! OH MY GOD. I MADE THAT??
I also like thumbnail.... new Green color....
I have all the colours!
👽😍😍
How do u edit the text
Create sales funnel like this
Exactly!
Bro Advise What is the subscription cost
Mid journey not free can you tell another option please
👍👍👍
Thabks!
is there another program as good or better than midjourney?
Is there any way to download the image in the hero section of the web design pic that generated by chatgpt/mid journey? And how?
I mean to download file format png with ransparent background, so we shouldn't crop the image and erase the background
I want to save my project from the EditorX, and want to upload project on the another website. but I don't know how to do this. I tried a lot but still I fail to know how to do this.
Can we also copyright these images that we generate through AI?
One of the things I would like to know is if you can put meaningful text into the design. I have tried this but it always comes out as nonsense text.
Exactly it outputs junk. You can only really get it to do individual images
🎯 Key Takeaways for quick navigation: 00:00 🖼️ AI art can generate stunning web designs quickly, providing design variations for different purposes. 01:25 🎨 AI not only generates images but also the entire aesthetic of websites, including color schemes, layout, and more. 03:28 📜 AI-generated designs follow good color theory and typography, making them suitable for professional web design. 05:18 💼 AI can produce diverse designs for various industries, from fashion to e-commerce, based on different prompts. 08:55 🍔 AI can adapt its designs to various keywords, creating unique web aesthetics based on the given input. 09:23 🧑💼 AI can assist in logo creation, providing customizable logos for websites. 10:20 🌈 Prompt engineering can help improve the quality and relevance of AI-generated designs. 13:50 🎨 AI-generated designs can inspire creativity and introduce novel design elements not considered by humans. 16:38 🖼️ The process of extracting and adapting AI-generated design elements for web use, including image manipulation. 20:58 🤖 Integrating AI-generated design elements with chat GPT for further design and content creation. 21:10 🌐 Integrated AI models can assist in creating web content efficiently, including titles, descriptions, and buttons. 21:25 🖼️ No-code software like Editor X simplifies web design; you can easily customize backgrounds and add elements. 22:05 🎨 Colors and images from AI-generated content can be directly used in web design. 23:13 📝 Text elements can be created and styled using no-code tools. 24:33 ⚙️ AI tools can significantly speed up the web design process, making it more efficient and streamlined. Made with HARPA AI
I am confused as how do u use your own images for the AI?
How did you get the bot in your own discord channel?
How can i use them in my store?
/imagine when this could be automatically be translated as html code and you can suggest to the AI if you want to use an specific framework or pure html. 🤤
your dicord does dthe AI Art automatically? do never get that step with the discord
Hi. Can you or anyone advise on how to set up a subscription on midjourney? I ran out of the initial 25 inquiries and when I click on the account link, it just takes me to the main page with no subscription options. Thank you advance
If you jump on midjourney's documentation page, they have deatils on how to do this, I could cover this in a future video too!
@@CodexCommunity Thank you for the reply. I did go to their docs page. I scroll down to the link under "Become a Paid Subscriber" and click on the "Billing and Licensing" link, but it just opens up on the same current page that I am already on.