ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
The Future of Web Design: Using AI Art and ChatGPT to Create Insane Websites
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- 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.jesseshowa...
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...
ChatGPT:
chat.openai.com
Webflow
webflow.grsm.i...
------------------------------------------------------------------------------------
🤝 //////////// Get my new Intro to UI/UX design course:
www.jesseshowa...
🏆 //////////// 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.co...
🖥️ ////////// I build websites with Webflow
webflow.grsm.i...
📅 ////////// I run my life with Notion
affiliate.noti...
🎵 ////////// 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/13...
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
Great video! Some key points were highlighted that I hadn't heard anyone else discuss. Thank you!
Great to hear!
thnx for the video, reminded me other builder mobirise AI, though it is still in development
"Let's not do anything and let AI do everything" tutorial
I wonder where this goes, every site is going to look the same, you can already tell which site was made by AI
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.
Hey i am new to ui / ux. should i change my career..
Ai can do a much better job than me..
Answer please.
Same here. I am ona crosspath😢
UI/UX will always be a good choice learn.jesseshowalter.com/c/intro-to-ui-ux-design/?
@@JesseShowalter I was just wondering these days whether or not to buy the course. Will do it now for sure. Thank you.
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...
Does luxEry work better? 😁
Can you just “create pages” add to an already built website?
How does it look in mobile?
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!
This is great, please I will need your help
Please what’s the server link
312000 subscribers and only 12 comments how sad of A-day how sad of A-day
Quality of images from MidJourney is not good enaugh to create a HQ pages. But I'm sure that change in future.
you can use an AI enlarger after
you can type in midjorny to have that picture in 4k or Very High Quality pictures.
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?
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).
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?
@@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 =/
@@Elrewin59 thank you anyway for stopping by my comment and replaying ❤️
🤯 🤯 🤯
I don’t like that mid journey doesn’t look at all natural
luxury
This is so sad
disappointing
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!
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.