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

  • @KevinTunis
    @KevinTunis Жыл бұрын

    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.

  • @alanfleming8474
    @alanfleming8474 Жыл бұрын

    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.

  • @klfrost7
    @klfrost7 Жыл бұрын

    I love that bubble menu. That subtle touch makes all the difference.

  • @davediamond
    @davediamond Жыл бұрын

    Absolutely love your angle and application examples. Don’t stop!

  • @BartMolkenboer
    @BartMolkenboer Жыл бұрын

    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

    @rambabukuntal5152

    Жыл бұрын

    i want to work with you on no wedges i am from india\

  • @ZrwonOliver

    @ZrwonOliver

    Жыл бұрын

    Do I need copyright, direct commercial use or infringement

  • @win1abs
    @win1abs Жыл бұрын

    Thank your for the inspiration and and explanation 👍 It's Amazing How designing and creative ideas finding has turned around lately Just Amazing 🤩

  • @GerbzzCS2
    @GerbzzCS2 Жыл бұрын

    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

  • @traviswebster4622
    @traviswebster4622 Жыл бұрын

    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

    @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?

  • @kirzik6561
    @kirzik6561 Жыл бұрын

    Worthy to watch!! Keep it up the mindblowing content!!

  • @darndarn99
    @darndarn99 Жыл бұрын

    This is simply beautiful, blown away

  • @robertstefand
    @robertstefand Жыл бұрын

    love your work, love your content ! ❣

  • @fernandazavalaaa
    @fernandazavalaaa Жыл бұрын

    loved this video super in depth and simple at the same time thank you

  • @CreativeCrewCommunity
    @CreativeCrewCommunity Жыл бұрын

    Beauty! Great video my man!

  • @SEOSpotlight
    @SEOSpotlight Жыл бұрын

    Love your content on your channel!! 😄

  • @gerelt-oduranchimeg7464
    @gerelt-oduranchimeg7464 Жыл бұрын

    Awesome. Thanks for sharing!

  • @jeronimomieres3834
    @jeronimomieres3834 Жыл бұрын

    I can't believe it.... it's so impressive!

  • @franklinkirera6978
    @franklinkirera6978 Жыл бұрын

    This was amazing, waiting for your new video

  • @charlesbijuthomas7075
    @charlesbijuthomas7075 Жыл бұрын

    Thanks a lot man 😊😊😊 For showing my ai art in thumbnail Thanks 🥰🥰🥰

  • @Skyfall4k
    @Skyfall4k Жыл бұрын

    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

    @CodexCommunity

    Жыл бұрын

    Thanks heaps for this! I've added

  • @dollarmark9145

    @dollarmark9145

    7 ай бұрын

    12:02 wrong coffee ! Cofffiee🤣

  • @mvmnt.
    @mvmnt. Жыл бұрын

    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

  • @galaxyfactshut9996
    @galaxyfactshut9996 Жыл бұрын

    Was waiting for your new video 🥰

  • @CodexCommunity

    @CodexCommunity

    Жыл бұрын

    Awesome, I’m thinking of doing a one hour video next time diving deep into properly building something like this out

  • @nokwandasikuza1028
    @nokwandasikuza1028 Жыл бұрын

    I love your works it’s beautiful

  • @MixLife96
    @MixLife96 Жыл бұрын

    Please make a full website, etc. Like adding multiple pages, menus, and more plugins like wordpress

  • @faisalqureshi9440

    @faisalqureshi9440

    Жыл бұрын

    Please make video on how to make own website using AI

  • @lxe.br.5756

    @lxe.br.5756

    Жыл бұрын

    That would be great

  • @rockthismagazine
    @rockthismagazine Жыл бұрын

    Thanks!! here´s a new suscriber

  • @pathmonkofficial
    @pathmonkofficial10 ай бұрын

    Super informative video this definitely gives lots of inspiration and motivation!

  • @raphaelachanga4436
    @raphaelachanga4436 Жыл бұрын

    Super interesting and informative, definitely gonna improve my designs and design decisions

  • @mvmnt.

    @mvmnt.

    Жыл бұрын

    The decisions are being prompted for you though, and from an overarching scrape of what's out there.

  • @romulobarriosromano4335
    @romulobarriosromano43352 ай бұрын

    Great explanation on how to use AI MAKING WEB-SITES... Many thanks,, I.m watching you from ECUADOR.- Quito, thanks again,,,

  • @alexandrebaptista2315
    @alexandrebaptista23158 ай бұрын

    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!

  • @VictorMwinzi
    @VictorMwinzi Жыл бұрын

    I love these 😍

  • @johnortiz8653
    @johnortiz8653 Жыл бұрын

    Super nice, thanks

  • @Alsa971
    @Alsa971 Жыл бұрын

    Great video 🌟

  • @_TheRam
    @_TheRam6 ай бұрын

    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?

  • @animation3dimension
    @animation3dimension Жыл бұрын

    nice works

  • @ReformationsGlassArt
    @ReformationsGlassArt Жыл бұрын

    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 ?

  • @awsumjulia
    @awsumjulia Жыл бұрын

    How did you download the pictures from midjourney in such good quality? 😊

  • @robrita
    @robrita Жыл бұрын

    amazing thumbnail!! 😱😱😱😱😱😱

  • @CodexCommunity

    @CodexCommunity

    Жыл бұрын

    Trying to get the 🤯 and 🙀 expressions perfect!

  • @federicomorilla
    @federicomorilla Жыл бұрын

    I want to see how you handle the client feedback. "change the font style" "use our photo library" "change color" "make it responsive"

  • @sahihchristian5799
    @sahihchristian5799 Жыл бұрын

    Interesting, inspiring, amazing, motivating, .....ing

  • @n2gnice2gentle80
    @n2gnice2gentle80 Жыл бұрын

    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.

  • @abuti.homebody2135
    @abuti.homebody2135 Жыл бұрын

    Jumping on the Discord!

  • @theasadgondal
    @theasadgondal5 ай бұрын

    THANK YOU IN CAPS!

  • @stevenhua102
    @stevenhua102 Жыл бұрын

    Hi bro, I'd like to ask about Is it possible to export PSD file? Or just only exporting PNG, JPG

  • @SG-rc7tn
    @SG-rc7tn Жыл бұрын

    Can we use the images used by ai in the website idea in our website without any license or attribution?

  • @vincevincent5195
    @vincevincent5195 Жыл бұрын

    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

    @CodexCommunity

    Жыл бұрын

    Yeah I’ll do for the next video

  • @grav3ns3n
    @grav3ns3n Жыл бұрын

    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? :)

  • @ahmadshabeerhayat8493
    @ahmadshabeerhayat8493 Жыл бұрын

    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 🙏

  • @Todestelzer
    @Todestelzer Жыл бұрын

    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.

  • @OnlinewebustaadCom
    @OnlinewebustaadCom Жыл бұрын

    This is amazing Tutorial No doubt !

  • @smsmsmow4109
    @smsmsmow4109 Жыл бұрын

    this amazing .. i want to know how to build full landing page with midjourney .. full layout or mockup .. how to do that ?

  • @clintchrystie6727
    @clintchrystie6727 Жыл бұрын

    Shot for the videos, I was stuck on HTML and CSS. This would cut workflow into a 1/4 of the time.👍

  • @Dr.Kananga
    @Dr.Kananga Жыл бұрын

    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.

  • @bluefridge7923
    @bluefridge7923 Жыл бұрын

    jesus christ those designs are beautiful

  • @satisfaa
    @satisfaa Жыл бұрын

    👍🏼 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

    @hyperstarter7625

    Жыл бұрын

    No it’s hosted on their site

  • @satisfaa

    @satisfaa

    Жыл бұрын

    @@hyperstarter7625 Thank you 👍🏼

  • @GustavoSteinmetz

    @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.

  • @madhumia1196
    @madhumia1196 Жыл бұрын

    Please make a full website, etc. Like adding multiple pages, menus,

  • @georgeeeeeeeee8110
    @georgeeeeeeeee8110 Жыл бұрын

    How can i implement my product images into the AI and make designs with it rather than random stuff?

  • @JohnMWeaver
    @JohnMWeaver Жыл бұрын

    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.

  • @LiteyearDesign
    @LiteyearDesign6 ай бұрын

    🎯 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

  • @garywaddell6309
    @garywaddell6309 Жыл бұрын

    I’m curious as a noob with Midjourney, when you do image queries, are they always public?

  • @englishstoriesnovels9638
    @englishstoriesnovels9638 Жыл бұрын

    hello, sir if we generate a logo from AI tools how to customize the logo color through mid-journey.

  • @iCosmictube
    @iCosmictube Жыл бұрын

    06:22 what program do you use to draw on the screen while recording a screencast?

  • @CodexCommunity

    @CodexCommunity

    Жыл бұрын

    Epic Pen

  • @maxnkosi_
    @maxnkosi_ Жыл бұрын

    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

  • @SchopenhauerVsCamus
    @SchopenhauerVsCamus Жыл бұрын

    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

    @terrorsantos5542

    Жыл бұрын

    I would like to know too

  • @intercoldebtcollectionagency
    @intercoldebtcollectionagency Жыл бұрын

    Excellent video, we use Midjourney and ChatGPT as well

  • @SeanWald0
    @SeanWald0 Жыл бұрын

    what tool would u use to remove change the text in logo- or how can you output in layers?

  • @CodexCommunity

    @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!

  • @anilgajiev8257
    @anilgajiev8257 Жыл бұрын

    Is someone using Stable diffusion for this. Are there good checkpoints/models for it?

  • @erikaboschramirez2443
    @erikaboschramirez2443 Жыл бұрын

    How can I access your discord community? great video btw thank you so much!

  • @jericmontana
    @jericmontana Жыл бұрын

    this is gold bro! ❤ how can I join your discord channel? what are the requirements?

  • @CodingExpress
    @CodingExpress Жыл бұрын

    After generating like 15 images, Midjourney asked me to subscribe.

  • @clarkcoupson1303
    @clarkcoupson1303 Жыл бұрын

    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

    @CodexCommunity

    Жыл бұрын

    Either ask midjourney to recreate the design or photoshop it, ill try to cover this in another vid!

  • @ImranSheikh-kg4qd
    @ImranSheikh-kg4qd Жыл бұрын

    Add this line when generation design "Keep css flexbox and grid in mind for layout"

  • @user-js9ji3ym1h
    @user-js9ji3ym1h Жыл бұрын

    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.

  • @viraltodays3844
    @viraltodays3844 Жыл бұрын

    I'm new subscriber from Pakistan

  • @thomaspuget
    @thomaspuget Жыл бұрын

    Hello, great content 😀 question : how can you use midjourney in your own discord?

  • @CodexCommunity

    @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!

  • @PromptStreamer
    @PromptStreamer Жыл бұрын

    “Today I’ll be reacting to some art… by myself.” WOAH! LOOK AT THAT ART! OH MY GOD. I MADE THAT??

  • @dilltip
    @dilltip Жыл бұрын

    Can someone explain the following prompts and what they are doing: “-ar” , “stylize:500” “v 4” . Curious What those values mean.

  • @candy9148
    @candy9148 Жыл бұрын

    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.

  • @colbygeary2313
    @colbygeary2313 Жыл бұрын

    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

    @syed.simanta820

    Жыл бұрын

    Exactly a show. Nobody knows unique or some stolen stuff.

  • @TheBoundlessNexus

    @TheBoundlessNexus

    Жыл бұрын

    That's where the web engineers come in, it's no longer about building websites it's about crafting experiences :)

  • @eduardo29494

    @eduardo29494

    Жыл бұрын

    It's merely a tool! you have to fill in the gaps via skills!

  • @gourobboy

    @gourobboy

    Жыл бұрын

    🥰

  • @MosesMatsepane

    @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.

  • @James-jt6fn
    @James-jt6fn Жыл бұрын

    nice websites

  • @euchrisssssssss
    @euchrisssssssss Жыл бұрын

    Very interesting, thanks for sharing. How old are you?

  • @michael_grey
    @michael_grey Жыл бұрын

    I am confused as how do u use your own images for the AI?

  • @nicofonce
    @nicofonce Жыл бұрын

    As a frontend developer and CRO expert, the 1st thing that worries me is page speed.

  • @most5795
    @most5795 Жыл бұрын

    is there another program as good or better than midjourney?

  • @digiguru520
    @digiguru5206 ай бұрын

    Create sales funnel like this

  • @CodexCommunity

    @CodexCommunity

    6 ай бұрын

    Exactly!

  • @himanshusachdeva2579
    @himanshusachdeva2579 Жыл бұрын

    Bro Advise What is the subscription cost

  • @EROSNERdesign
    @EROSNERdesign Жыл бұрын

    great

  • @FidelEmilioSusanaJimenez
    @FidelEmilioSusanaJimenez Жыл бұрын

    👽😍😍

  • @doublebubble7611
    @doublebubble7611 Жыл бұрын

    How do u edit the text

  • @UniqueSundials
    @UniqueSundials Жыл бұрын

    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

    @defaultname01

    Жыл бұрын

    Exactly it outputs junk. You can only really get it to do individual images

  • @ninag4482
    @ninag4482 Жыл бұрын

    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

    @CodexCommunity

    Жыл бұрын

    Yes that’s exactly what I want to do next

  • @lipin007
    @lipin007 Жыл бұрын

    Can we also copyright these images that we generate through AI?

  • @ahmadsetiadi8509
    @ahmadsetiadi8509 Жыл бұрын

    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

    @ahmadsetiadi8509

    Жыл бұрын

    I mean to download file format png with ransparent background, so we shouldn't crop the image and erase the background

  • @enmanuelvillalobos
    @enmanuelvillalobos Жыл бұрын

    The midjoney doesn't work for me because I ran out of quotas. It's not free for me anymore :(

  • @SALLI.E
    @SALLI.E Жыл бұрын

    I also like thumbnail.... new Green color....

  • @CodexCommunity

    @CodexCommunity

    Жыл бұрын

    I have all the colours!

  • @GroganFX
    @GroganFX Жыл бұрын

    How did you get the bot in your own discord channel?

  • @yellowflash1867
    @yellowflash1867 Жыл бұрын

    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

  • @meromero9650
    @meromero9650Ай бұрын

    Mid journey not free can you tell another option please

  • @abdulazizochilovalgorismic7714
    @abdulazizochilovalgorismic7714 Жыл бұрын

    👍👍👍

  • @CodexCommunity

    @CodexCommunity

    Жыл бұрын

    Thabks!

  • @gabelwerfertv7937
    @gabelwerfertv7937 Жыл бұрын

    your dicord does dthe AI Art automatically? do never get that step with the discord

  • @facts_tv6343
    @facts_tv6343 Жыл бұрын

    I find it difficult to extract images of the website generated for me. Please help

  • @victoradatsi256
    @victoradatsi256 Жыл бұрын

    i used the same prompt for the orange one but it didn't turn out the same way

Келесі