The Future of Web Design: Using AI Art and ChatGPT to Create Insane Websites

Learn how to use AI Art and ChatGPT to Create a Website without writing a single line of code!
⭐ Check out my Design UI / UX Course ⭐
www.jesseshowalter.com/c/intr...
In this video, I will use Midjourney, an AI art tool, to generate website designs. Then, we will use Chat GPT to create written content for the website. Finally, we will put it all together in Webflow, a no-code tool for creating sites. The combination of no-code and artificial intelligence-assisted art is the future of web design!
MidJourney:
www.midjourney.com
ChatGPT:
chat.openai.com
Webflow
webflow.grsm.io/4495884
------------------------------------------------------------------------------------
🤝 //////////// Get my new Intro to UI/UX design course:
www.jesseshowalter.com/c/intr...
🏆 //////////// Join my members community to get access to perks:
designchamps.io/
📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
------------------------------------------------------------------------------------
🎨 ////////// I design in Figma
psxid.figma.com/xcm8rxa8f162-...
🖥️ ////////// I build websites with Webflow
webflow.grsm.io/4495884
📅 ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
00:00 Introduction
00:34 Mid Journey
02:13 Revise your prompt
03:10 Photoshop
03:37 Webflow Starter Template
07:47 Chat GPT
10:18 Try it out

Пікірлер: 33

  • @henrythomas7112
    @henrythomas71122 ай бұрын

    Great video! Some key points were highlighted that I hadn't heard anyone else discuss. Thank you!

  • @JesseShowalter

    @JesseShowalter

    2 ай бұрын

    Great to hear!

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

    "Let's not do anything and let AI do everything" tutorial

  • @zoltancsendes9329

    @zoltancsendes9329

    Жыл бұрын

    I wonder where this goes, every site is going to look the same, you can already tell which site was made by AI

  • @codyr2318

    @codyr2318

    6 ай бұрын

    You must’ve missed the part where he used Photoshop and Webflow to turn an image into a responsive website. AI makes Designers more powerful.

  • @robertf57
    @robertf573 ай бұрын

    Great video! Question: can you recommend any good Photoshop courses? I don't have a design background and have always felt intimidated by PS. I'm looking for a course I could take that, given enough practice, would help me become as proficient with PS as you are. Thanks!

  • @IreneDv1
    @IreneDv13 ай бұрын

    thnx for the video, reminded me other builder mobirise AI, though it is still in development

  • @AN-fg4cd
    @AN-fg4cd2 ай бұрын

    Can you just “create pages” add to an already built website?

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

    Hey Jesse!! I need your help so much. I have this issue: - I want to have buttons of 3 sizes: 24px 32px and 40px (height) - I want my icons to scale with the increase or decrease in button size, but the icon swap property works only if the icon is of the same size. So my question is: Is there any way possible to make the icons scale with the button? (for example my icon is 12px in a btn of 24px, but when the btn scales to 40px, then my icon needs to be 24px instead of 12) Is that even possible without having 2 sets of icons that are 12px and 24px? or should I keep them all 16px regardless of btn size?

  • @Elrewin59

    @Elrewin59

    Жыл бұрын

    Your problem lies with the units value you chose. Pixels are not responsive, so even if you change the size of your button, the size of the icons won't. You'd be much better off using em or rem (I personally prefer the latter).

  • @StoriesMails

    @StoriesMails

    Жыл бұрын

    The issue is that these buttons are for the design system in figma… I’m encountering an issue when actually designing buttons in different sizes and making one base icon of 24x24px scale with the button that’s of a smaller size.. any ideas on this part?

  • @Elrewin59

    @Elrewin59

    Жыл бұрын

    @@StoriesMails Oh sorry, I thought you were talking about code. I don't use Figma, so I don't think I can be of much help. I looked a little and my guess would be for you to create three base components for your buttons (one of 24px, one of 32px and one of 40px), and use these. Maybe something with auto-layout and grouping? I don't know, maybe someone who knows about Figma will be able to help you better =/

  • @StoriesMails

    @StoriesMails

    Жыл бұрын

    @@Elrewin59 thank you anyway for stopping by my comment and replaying ❤️

  • @kalanimuller
    @kalanimuller11 ай бұрын

    How does it look in mobile?

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

    Please what’s the server link

  • @Compasstechnology174
    @Compasstechnology1745 ай бұрын

    This is great, please I will need your help

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

    Hey i am new to ui / ux. should i change my career.. Ai can do a much better job than me.. Answer please.

  • @adonis1936

    @adonis1936

    Жыл бұрын

    Same here. I am ona crosspath😢

  • @JesseShowalter

    @JesseShowalter

    Жыл бұрын

    UI/UX will always be a good choice learn.jesseshowalter.com/c/intro-to-ui-ux-design/?

  • @adonis1936

    @adonis1936

    Жыл бұрын

    @@JesseShowalter I was just wondering these days whether or not to buy the course. Will do it now for sure. Thank you.

  • @steffengroenandersen

    @steffengroenandersen

    Жыл бұрын

    If you enjoy design keep going. AI is just a tool and someone who loves it will do a better job with the tools available. Business or sales people will not be doing the above...

  • @generaltheory
    @generaltheory9 ай бұрын

    Does luxEry work better? 😁

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

    Quality of images from MidJourney is not good enaugh to create a HQ pages. But I'm sure that change in future.

  • @r3dp1ll

    @r3dp1ll

    Жыл бұрын

    you can use an AI enlarger after

  • @vagabondmasllani1982

    @vagabondmasllani1982

    Жыл бұрын

    you can type in midjorny to have that picture in 4k or Very High Quality pictures.

  • @codyr2318
    @codyr23186 ай бұрын

    🤯 🤯 🤯

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

    312000 subscribers and only 12 comments how sad of A-day how sad of A-day

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

    luxury

  • @keyarowmosley8929
    @keyarowmosley892910 ай бұрын

    I don’t like that mid journey doesn’t look at all natural

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

    This is so sad

  • @99syl
    @99syl Жыл бұрын

    disappointing

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

    ATTN: NOVICE AND ASPIRING DESIGNERS. Designer with 33 years of experience here. Jesse presents some great information. Shit's getting real, fast, and you need to be riding the crest of the wave. OTOH, "cool" (see 2:00) is extremely subjective. Visuals are essential, yet what is "cool" to you may not be cool to others. And cool can get your application yeeted. Yes, recruiters and hiring managers are initially hooked in dozens of milliseconds by their visceral reactions to your portfolio site. But the real proof is in what happens next. Does your landing page sell you as a unique individual? Does it convey who you are and the value you will bring? Is the interaction design, information architecture, and video / image / textual content intuitive, relatable, and optimized for efficiency and understanding so you aren't wasting the time of recruiters, hiring managers, and their employees and colleagues who will be called upon to scan your site? AI is replacing drudgery. Figma will be obsolete soon. Anything else at that level of work will be obsolete soon. What to do? Familiarize yourselves with a much broader range of information to give you a rock solid foundation and stand out from the crowd in your first series of interviews. Behavioral science, cognitive psychology, marketing, debate, negotiation, and communication. Politics, law, ethics, and philosophy are more important than ever. Tech and humans are approaching profound levels of symbiosis with AI-informed augmented and virtual reality, bionics, brain augmentation... I'm betting that soon, we'll have hands-free collective mental communication. It's our responsibility to draw maps and lead the way. Don't let this overwhelm you! A journey of a thousand miles begins with a single step. You may ask "But which step?". I highly recommend Joe Natoli's courses at www.givegoodUX.com as a starting point. Like me, he has over 30 years of experience in the field. He is smarter and more accomplished than I am. His work has positively impacted the careers of thousands of designers and millions of users, and has benefited the bottom line for dozens of companies. And despite his achievements, he remains humble, respectful, and eager to teach. The money you invest in his courses will be the best investment you'll ever make. As for the rest? There's so much. Ask ChatGPT to help you. Get meta (not the *$&%^[/# company, but the methodology). And don't forget to have fun!

  • @jlignier

    @jlignier

    Жыл бұрын

    This message gave me a boost. I'm excited by this new world of AI but struggle to know where to look next. I've got to remember your advice and follow the fun.