How to use AI Art to Redesign Websites with MidJourney

AI art can be used to improve existing designs you already have that's what I want to do in this video I want to have a look at some of my older designs I've made in things like figma and Photoshop those web designs I want to take to the next level plugging them into mid-journey the air tool creating new variations and seeing how this whole process works let's begin I've opened up figma.com and here I've built quite a few different designs over the years I'm going to open up one of my more recent ones here for enhanced UI and this is one that I've spent quite a few hours on I've got a number of pages here and I want to scroll through just to one of the pages and use this as a reference point for generating new variations using AI art I'm going to be lazy and just clip this picture I'm gonna screenshot it and the proper way would probably be to export this but for the time being this should be enough also for the past two years I've been working on my very first course a design course about teaching you how to make good looking websites things like color theory topography visual hiring Rocky and much more this is going to be available for anyone across the board whether you are a beginner or someone looking to improve your skills this will definitely help you I'm launching it very soon in the next month and if you want a special discount jump in on the link below and definitely sign up using this snippet tool I'm going to save this in my pictures folder and then I'm going to upload it to Discord and this is my own Discord you can even join this if you want at the link below and I've got chat gbt as well as mid-journey and lots of other AI tools enabled on this Discord channel for the time being I'm just going to upload this image of the screenshot I took for my own website design I'm gonna have this uploaded so that I can pull out the URL for it and then plug it back into mid-journey so when I open it in full screen on Chrome you'll see that it pops up with a URL here so now I can do a forward slash imagine I'm gonna get a prompt here and I'm going to plug that URL in then I'll Define some additional text in this case that I want a website course about web design for developers and beginners that includes things like UI and ux this is quite a simple example but it is my first attempt before I do additional variations and here are the results from mid-journey it's definitely upscale this design and it's on top of that pulled in inspiration from the same color Dynamic I was using which is those Grays and greens and yellows I can see that there are a few variations on how I could design this it's basically using a larger text as well as larger imagery compared to what I had before and this is also a good start but I want to head over to the mid-journey website here I'm going to have a look at other website designs people have generated I like this one of a dolphin so I'm going to have a look at some of the prompts that they've used here which include things like using figma as well as dribble as well as Awards as part of the prompt I want to include that as part of my own prompt to hopefully generate better looking designs additionally I'm gonna do forward slash settings and I want to view the settings that I currently have inside of my journey I want to select a remix mode which will allow me to add additional variations later on and I I also want to make sure that my quality is as high as it can be as well as my styling being very high this will make sure that some of the nuances that happen in terms of the UI and ux hopefully are expressed in the air with that done I'm gonna do another imagine with a prompt I'll copy paste those prompts that I early had from the dolphin design and then after that I'm going to grab the URL here that I had originally for my own design I'm going to combine all of these together and finally I'll provide some context which in this case I'm going to try to write out a bit more cleanly this time I'll write in something like website course web design book with color theory visual hierarchy UI ux and much more hopefully this gives it more context and produces a better result mid-journey and its air tool runs pretty quick though not this quick I am speeding up the video a little but here are the results I've got a few more variations to work with I'm still using that same Dark theme kind of style but there's a lot more colors now that I've added the word color theory I've got more of a book design here on the top right and I'm quite happy happy with these I can now hit the refresh button to generate even more examples like this this will continue to create variations for me that I can consider and use this time I'm going to jump into dribble a place for all sorts of web designs and I want to see if I can pull in some inspiration by finding a design that I like and matching it to the design that I want to create I have typed in web design course and I'm going to browse through some of the options and ideally find a design that I kind of like that I want to match my own to this one here at the very end is one that I liked this design here is kind of basic straight to the point but it's got some of those design Aesthetics I was looking for I'm going to copy the URL of this image by opening it up in a new tab and just pulling out the URL address I'm going to jump back into mid-journey and imagine a new prompt I'm gonna paste in this address and I'm gonna put in a very specific prompt here web design course for a website this is also going to include color theory topography UI ux web design and things like figma beautiful web design web design UI ux all of these additional keywords definitely help to make a better prompt here are the results I got these are definitely different than the original style I had they're a lot lighter but also a lot more colorful however I'm still not quite pleased I'm gonna do another prompt here I'm plugging in the same screenshot but changing up my actual context for what I'm passing across I'm gonna remove the abundance of keywords I previously had and just be very specific being more specific allows you to create different types of results unlike this one here which I quite like especially for version one now I want to use another feature from mid-journey and the air which is remix enabling this allows you to not only select the variation you like but also update the prompt at the same time which is very cool since I'm doing this design course and it's essentially a book I want to do more emphasis about this person reading the book so I'm gonna add in my prompt reading booked as well as learning and hopefully this produces some better results and here they are these actually look much cleaner and better designed than previous examples I'll like the emphasis on something clean and simple with the title at the top and this person reading this book on the bottom right let's see if I can pick my favorite version which is this one here on the bottom left and this is it it almost looks like this person who's reading the design course and is very amazed at how wonderful it is while in the background some of those elements of what he's learning are exploding now I could continue to make variations or upscale but what I really like is the idea of taking a camera and taking a picture of myself in this pose and creating a really cool design around this UI this is one of the benefits of mid-journey it's not just to create the designs for you but also to give you Inspirations to make your own and I think hopefully this video has showed you how to do that so don't forget to like And subscribe

Channel: Codex Community

Views: 72,692

Keywords: ai, artificial intelligence, ai art, midjourney, web design, website design, website, graphics design, ai web design, ai website design, website redesign, ui, ux, chatgpt, dalle, chat gpt, ai ui, ai website, website ai, ai art web design, ai are website design, ai art website, art, ai uiux, uiux, web design ai, ai ui design, ai ui ux, ai ui/ux, redesign website, redesign ui, web redesign, ai redesign, ai design website, website redesign ai, redesign

Id: stFORMbOQS8

Length: 6min 44sec (404 seconds)

Published: Mon Jan 23 2023