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
Пікірлер: 280
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.
I love that bubble menu. That subtle touch makes all the difference.
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🔥
@rambabukuntal5152
Жыл бұрын
i want to work with you on no wedges i am from india\
@ZrwonOliver
Жыл бұрын
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 🤩
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
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 😊
@traviswebster4622
Жыл бұрын
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?
Worthy to watch!! Keep it up the mindblowing content!!
This is simply beautiful, blown away
love your work, love your content ! ❣
loved this video super in depth and simple at the same time thank you
Beauty! Great video my man!
Love your content on your channel!! 😄
Awesome. Thanks for sharing!
I can't believe it.... it's so impressive!
This was amazing, waiting for your new video
Thanks a lot man 😊😊😊 For showing my ai art in thumbnail Thanks 🥰🥰🥰
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
@CodexCommunity
Жыл бұрын
Thanks heaps for this! I've added
@dollarmark9145
7 ай бұрын
12:02 wrong coffee ! Cofffiee🤣
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
Was waiting for your new video 🥰
@CodexCommunity
Жыл бұрын
Awesome, I’m thinking of doing a one hour video next time diving deep into properly building something like this out
I love your works it’s beautiful
Please make a full website, etc. Like adding multiple pages, menus, and more plugins like wordpress
@faisalqureshi9440
Жыл бұрын
Please make video on how to make own website using AI
@lxe.br.5756
Жыл бұрын
That would be great
Thanks!! here´s a new suscriber
Super informative video this definitely gives lots of inspiration and motivation!
Super interesting and informative, definitely gonna improve my designs and design decisions
@mvmnt.
Жыл бұрын
The decisions are being prompted for you though, and from an overarching scrape of what's out there.
Great explanation on how to use AI MAKING WEB-SITES... Many thanks,, I.m watching you from ECUADOR.- Quito, thanks again,,,
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!
I love these 😍
Super nice, thanks
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?
nice works
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 ?
How did you download the pictures from midjourney in such good quality? 😊
amazing thumbnail!! 😱😱😱😱😱😱
@CodexCommunity
Жыл бұрын
Trying to get the 🤯 and 🙀 expressions perfect!
I want to see how you handle the client feedback. "change the font style" "use our photo library" "change color" "make it responsive"
Interesting, inspiring, amazing, motivating, .....ing
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.
Jumping on the Discord!
THANK YOU IN CAPS!
Hi bro, I'd like to ask about Is it possible to export PSD file? Or just only exporting PNG, JPG
Can we use the images used by ai in the website idea in our website without any license or attribution?
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.
@CodexCommunity
Жыл бұрын
Yeah I’ll do for the next video
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? :)
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 🙏
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.
This is amazing Tutorial No doubt !
this amazing .. i want to know how to build full landing page with midjourney .. full layout or mockup .. how to do that ?
Shot for the videos, I was stuck on HTML and CSS. This would cut workflow into a 1/4 of the time.👍
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.
jesus christ those designs are beautiful
👍🏼 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
@hyperstarter7625
Жыл бұрын
No it’s hosted on their site
@satisfaa
Жыл бұрын
@@hyperstarter7625 Thank you 👍🏼
@GustavoSteinmetz
Жыл бұрын
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.
Please make a full website, etc. Like adding multiple pages, menus,
How can i implement my product images into the AI and make designs with it rather than random stuff?
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.
🎯 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’m curious as a noob with Midjourney, when you do image queries, are they always public?
hello, sir if we generate a logo from AI tools how to customize the logo color through mid-journey.
06:22 what program do you use to draw on the screen while recording a screencast?
@CodexCommunity
Жыл бұрын
Epic Pen
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
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?
@terrorsantos5542
Жыл бұрын
I would like to know too
Excellent video, we use Midjourney and ChatGPT as well
what tool would u use to remove change the text in logo- or how can you output in layers?
@CodexCommunity
Жыл бұрын
Photoshop does a pretty good job, but you could even get the AI to do it, thinking of doing the next video on logos!
Is someone using Stable diffusion for this. Are there good checkpoints/models for it?
How can I access your discord community? great video btw thank you so much!
this is gold bro! ❤ how can I join your discord channel? what are the requirements?
After generating like 15 images, Midjourney asked me to subscribe.
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 !
@CodexCommunity
Жыл бұрын
Either ask midjourney to recreate the design or photoshop it, ill try to cover this in another vid!
Add this line when generation design "Keep css flexbox and grid in mind for layout"
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.
I'm new subscriber from Pakistan
Hello, great content 😀 question : how can you use midjourney in your own discord?
@CodexCommunity
Жыл бұрын
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!
“Today I’ll be reacting to some art… by myself.” WOAH! LOOK AT THAT ART! OH MY GOD. I MADE THAT??
Can someone explain the following prompts and what they are doing: “-ar” , “stylize:500” “v 4” . Curious What those values mean.
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.
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
@syed.simanta820
Жыл бұрын
Exactly a show. Nobody knows unique or some stolen stuff.
@TheBoundlessNexus
Жыл бұрын
That's where the web engineers come in, it's no longer about building websites it's about crafting experiences :)
@eduardo29494
Жыл бұрын
It's merely a tool! you have to fill in the gaps via skills!
@gourobboy
Жыл бұрын
🥰
@MosesMatsepane
Жыл бұрын
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.
nice websites
Very interesting, thanks for sharing. How old are you?
I am confused as how do u use your own images for the AI?
As a frontend developer and CRO expert, the 1st thing that worries me is page speed.
is there another program as good or better than midjourney?
Create sales funnel like this
@CodexCommunity
6 ай бұрын
Exactly!
Bro Advise What is the subscription cost
great
👽😍😍
How do u edit the text
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.
@defaultname01
Жыл бұрын
Exactly it outputs junk. You can only really get it to do individual images
Can you do a full video on making the AI website in Editor X instead of having 5 minutes of it at the end?
@CodexCommunity
Жыл бұрын
Yes that’s exactly what I want to do next
Can we also copyright these images that we generate through AI?
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?
@ahmadsetiadi8509
Жыл бұрын
I mean to download file format png with ransparent background, so we shouldn't crop the image and erase the background
The midjoney doesn't work for me because I ran out of quotas. It's not free for me anymore :(
I also like thumbnail.... new Green color....
@CodexCommunity
Жыл бұрын
I have all the colours!
How did you get the bot in your own discord channel?
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
Mid journey not free can you tell another option please
👍👍👍
@CodexCommunity
Жыл бұрын
Thabks!
your dicord does dthe AI Art automatically? do never get that step with the discord
I find it difficult to extract images of the website generated for me. Please help
i used the same prompt for the orange one but it didn't turn out the same way