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 ⭐
https://www.jesseshowalter.com/c/intro-to-ui-ux-design

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:
https://www.midjourney.com
ChatGPT:
https://chat.openai.com
Webflow
https://webflow.grsm.io/4495884
————————————————————————————
🤝 //////////// Get my new Intro to UI/UX design course:
https://www.jesseshowalter.com/c/intro-to-ui-ux-design/?

🏆 //////////// Join my members community to get access to perks:
https://designchamps.io/

📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
————————————————————————————
🎨 ////////// I design in Figma
https://psxid.figma.com/xcm8rxa8f162-cb44ct

🖥️ ////////// I build websites with Webflow
https://webflow.grsm.io/4495884

📅 ////////// I run my life with Notion
https://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: https://fm.pxf.io/c/1372011/1347628/16252

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

source

14 Comments

  1. 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 http://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!

  2. 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?

Leave A Reply

Please enter your comment!
Please enter your name here