Create starter flutter UI for free with ChatGPT 4o

hello everyone welcome to another video today we'll see how we can create UI files like these with chip 40 for free okay so all we have to do is take a screenshot of this UI right here let's take a quick screenshot that's it and let's head over to chat GPT we have we have chat GPT that's free that's gbd 40 let's add an image now let's add this image real quick and give it a prompt all right so we have given the UI image let's see how they will create a code for us okay it's creating the code just like we said all right it's creating all those cards let's see what it gives out finally see you can see that it's creating more code than it usually did with Chachi 4 o and it's not lazy either it's not saying do some uh something yourself it's not saying that so we'll copy this code and paste it in the main. hard file of an mty project now we can see we have some assets here we need to put so so what we do is we put it one do we have an asset here 1.png replace it with that another asset we copy this from here here and we paste it over here for all the assets we will be having the same picture that's fine but we are here to look at how how good it looks okay so we have that as well yeah all the assets have been renamed and save it and just restart the app as you can see it did a pretty good job it it did a really good job and it's it's near this this I'll show you what the UI image was this was the UI image apparently there is some styling that we have to do but still without that it has done a pretty good job creating the UI with the list view uh list views Etc so that's it for this video see you in the next one cheers

Channel: Flutter Explained

Views: 9,266

Keywords:

Id: HTlK6IzMOTc

Length: 2min 53sec (173 seconds)

Published: Thu May 16 2024