Using 7 AI Tools to Design a Website... (Relume AI, MidJourney, ChatGPT & More)

In this video we explore what a website that is heavily impacted by various AI tools will look like. I design with Figma, try it out (free): psxid.figma.com/kh2feohwvmqd
Try out Relume AI: library.relume.io/?via=caler
& Design and build websites way faster.
-
Become a Member (Access to Completed Project Files):
/ @caleredwards
Sign up for Webflow:
webflow.grsm.io/caleredwards
Sign up for ProtoPie:
www.protopie.io/plans?ref=caler
My Desk Setup for Design & KZread:
kit.co/caleredwards/my-setup
Try out Relume:
library.relume.io/?via=caler
-
Visit my website:
caleredwards.com
Find me on Instagram:
Instagram: / caleredwards
-
Disclaimer: This video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel!
Music: Epidemic Sound
Using 7 AI Tools to Design a Website... (Relume AI, MidJourney, ChatGPT & More)
#webdesign #ai #relume #figma #uidesign #design #midjourney #chatgpt #uiux

Пікірлер: 158

  • @CalerEdwards
    @CalerEdwards7 ай бұрын

    Thanks for watching the video :D If you want more AI design related video let me know.

  • @mahmudshamim3537

    @mahmudshamim3537

    5 ай бұрын

    I need a full video tutorial..... please 🥺🥺

  • @nartz5361

    @nartz5361

    5 ай бұрын

    instantly subscribed. please make for UI games

  • @anasbrouk7153

    @anasbrouk7153

    5 ай бұрын

    yeah , thanks bro for the video very interesting workflow, can't wait to see somthing else !

  • @docsdocs8955

    @docsdocs8955

    5 ай бұрын

    great! create tutorials for durableai and mobirise ai builders, thanks

  • @ethannky

    @ethannky

    5 ай бұрын

    Its really a great content。。。yea please do more videos like this…this particular videos will help alot of new startups to start the business with minimal cost

  • @catalinim4227
    @catalinim42273 ай бұрын

    I was stuck on where to start with a website layout/design, but this gives me a great starting point. thank you!

  • @afnanahmad4266
    @afnanahmad42665 ай бұрын

    i loved that color palette part so smooth.

  • @Kram3r
    @Kram3r7 ай бұрын

    Great use of balance between AI and your decision making based on your experience

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Thank you :D

  • @stuart2151
    @stuart21517 ай бұрын

    I think this is a great way for creating templates or inspiration for future clients. They might have a particular product or service that fits similarly to any of the ‘inspiration’ you’ve created. Obviously some adaptation required, but in the long run could be helpful.

  • @jswanson859
    @jswanson8597 ай бұрын

    I've been working on a case study just like this. I love how Relume can get you 70% finished so quickly. The details and refinement done by a designer is where the magic can really happy. All of these tools can get a design into a place where it's ready to show to a client a lot quicker. I think it's an interesting time and look forward to see where it all goes. Thanks for sharing another great video.

  • @waveril5167

    @waveril5167

    4 ай бұрын

    Yeah, It will only take your job away, so looking forward to it....

  • @saisathya6274

    @saisathya6274

    Ай бұрын

    @@waveril5167 rofl, that was a brutal and straight on the face comment, but jokes apart mate even I had the same thought for quite some time I felt all the experienced designers in social media platforms are clearly sold to Open AI or Google or by any AI company, but recently I realized that AI can helps us speed up the concept to design stage in a significant way, but the need for a genuinely good designer will exist or at least for the next few years for sure. Yes even I fear the pace at which AI is getting better and better every day there won't be a future even for a good designer and there might be days when we may perish but just think of this one thing, AI is here to stay and the only way to survive is to learn to use AI to your benefit. That is all that a person can do right now in my opinion.

  • @thedac85
    @thedac854 ай бұрын

    Loved this content style, practical application of AI - super useful, thank you!

  • @Kimoartcave
    @Kimoartcave7 ай бұрын

    I still blieve there are not many AI tools that really ease the UI design process. indeed that day will come soon. thanks for sharing this walkthrough, very insightful ♥♥

  • @esme882
    @esme8827 ай бұрын

    ThankU so much bro, very much up-to-date and helpful, but more importantly so clear and easily explained. Wish U very much success

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Thank you :D

  • @henrythomas7112
    @henrythomas7112Ай бұрын

    I extremely like the video, man. Very helpful and informative. Thank you very much. It is presented so well too. Great, positive work.

  • @uncleI3
    @uncleI32 ай бұрын

    Would LOVE a part two where you take it from design to building the actual site. Using the same AI premise though.

  • @whoismattkohn
    @whoismattkohn5 ай бұрын

    This is fire ! We are creating full stack marketing campaigns with a similar workflow and excited to integrate websites into the mix with this. Thank u !

  • @catalin938

    @catalin938

    5 ай бұрын

    Can you tell me what exactly You used for the campaigns workflow ?

  • @lorenzobrandimarte1427
    @lorenzobrandimarte14272 ай бұрын

    This is interesting and "scaring" at the same time. Thank you for the video.

  • @tiepolo71
    @tiepolo716 ай бұрын

    Fanastic video. I would love to see you use these to make it responsive as well.

  • @ledihildawan6756
    @ledihildawan67566 ай бұрын

    1. Relume 2. Relume Ipsum 3. Midjourney 4. Vectorizer 5. ChatGPT 6. Photoshop AI

  • @md.abdullahalmuid4952
    @md.abdullahalmuid49525 ай бұрын

    I just love the thumbnail. It says everything.

  • @vishalchopdepatil9988
    @vishalchopdepatil99885 ай бұрын

    this one was really awesome video and so informative also... love your videos...

  • @CalerEdwards

    @CalerEdwards

    5 ай бұрын

    Thank you so much 😀

  • @genesiswebagentur4324
    @genesiswebagentur43243 ай бұрын

    Great workflow!

  • @DanieleManca1983
    @DanieleManca19835 ай бұрын

    This is one of the best videos on AI platforms I've watched lately, as a web developer looking to constantly improve productivity, this video is an absolute gem.

  • @nkovalcin

    @nkovalcin

    2 ай бұрын

    I thought so too, now 3 days and I haven't finished 1 wireframe

  • @41SuPa

    @41SuPa

    2 ай бұрын

    @@nkovalcin because you have to get used to figma ?

  • @gtarptv_

    @gtarptv_

    2 ай бұрын

    What have you settled on to stay productive?

  • @gtarptv_

    @gtarptv_

    2 ай бұрын

    What have you settled on for your productivity

  • @mishka0
    @mishka05 ай бұрын

    Nice tools but few of us could do that on their own as there's one critical ingridient usually missing: Personal long-year experience in website design :) The best tools cannot shine in a novice's hand.

  • @eduardovalentin7504
    @eduardovalentin75047 ай бұрын

    Great video! I hope you're squishing this video into a Tiktok, you deserve much more exposure than you're currently getting. Keep doing great stuff :D

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Thank you, I haven't posted on Tiktok yet but I might start :D

  • @MeetDaveG
    @MeetDaveG3 ай бұрын

    This is a killer tutorial.

  • @dalekim
    @dalekim5 ай бұрын

    this is So cool Love this video!!! learned so much

  • @CalerEdwards

    @CalerEdwards

    5 ай бұрын

    Glad you liked it!!

  • @kreativethinker5987
    @kreativethinker59874 ай бұрын

    Wow. Just wow. Thanks! This video gave me so much inspiration to work with. I was especially wowed by Relume, The only downside is that is awfully expensive :)

  • @saadchadu
    @saadchadu5 ай бұрын

    What a tutorial ♥️

  • @thejomviking
    @thejomviking7 ай бұрын

    Nice concept eddy, i always have a problem with mobile concepts, every time my team and i are about to build a webpage for the company, the director always asks us to start by designing for mobile which is a painful thought process because theres not much space around to work with. with your concept i would really love to see a mobile instance for it.

  • @17thMidnight

    @17thMidnight

    7 ай бұрын

    I also have the same problem, I do not like to start with mobile version because its small, everything is stacked vertically and I can not be creative at all. On the other hand, when designing the web, i have full page width to explore different layouts and be creative with elements.

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    I'll see if I cant come up with a video around this :D

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    I personally don't like designing mobile first either.

  • @gregornator
    @gregornator5 ай бұрын

    nice! how long did this whole design take you?

  • @relentlessslog
    @relentlessslog5 ай бұрын

    Is this an actual website I can view somewhere? I just want to see how responsive it is, cross-browser check and do a pagespeed test. It's pretty crazy how fast you can whip something up that looks this nice. I've only incorporated ChatGPT into my workflow but I'll have to check some of these other tools.

  • @Juandafullhd
    @Juandafullhd4 ай бұрын

    El mejor !!!! muchas gracias

  • @impulsategroup
    @impulsategroup6 ай бұрын

    after designing the figma page, can yo export to webflow using figma to webflow with a simple click? or you have to develop everything again in webflow guiding with your figma design?

  • @yossimolcho841
    @yossimolcho8416 ай бұрын

    Great video! what is the font being used here?:)

  • @machinized
    @machinized3 ай бұрын

    Thx man

  • @thebankchanneltv
    @thebankchanneltv2 ай бұрын

    Great video thanks Caler

  • @CalerEdwards

    @CalerEdwards

    2 ай бұрын

    You bet

  • @clemenskotoku
    @clemenskotoku9 күн бұрын

    Heavily AI involved but the result is good, even better than some of the less AI involved because you still applied your great design skills lol.

  • @user-tx1vj2tb3g
    @user-tx1vj2tb3g4 ай бұрын

    I was really inspired by your video! It reminded me of another AI-based design tool I came across, known as Stylar. This web tool has a feel similar to Photoshop, offering features like interior design styles, and it's more user-friendly. However, it's still quite basic and seems to be in a beta phase.

  • @jaymason7097

    @jaymason7097

    4 ай бұрын

    Nice plug. I see you

  • @jgojiz
    @jgojiz5 ай бұрын

    That was fantastic

  • @jtisaks8569
    @jtisaks85696 ай бұрын

    Love it 👏

  • @alibadahra8003
    @alibadahra80037 ай бұрын

    Awsome thx so much

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Any time!

  • @angelo90746
    @angelo907466 ай бұрын

    Nice! Do you have a video showing how to use midjourney for product photos and how to use photoshop beta to help with that like adding the shadows to the bottles and making the real products fit in the scenes created from midjourney?

  • @CalerEdwards

    @CalerEdwards

    6 ай бұрын

    not currently but I might make videos on this in the future :D

  • @vishalchouhan07
    @vishalchouhan072 ай бұрын

    did you use locofy plugin to convert this to code from figma?

  • @ytrpaz
    @ytrpaz7 ай бұрын

    amazing

  • @ramydmk
    @ramydmk5 ай бұрын

    please can you tell me how you screen record your screen in tutorials?

  • @hglbrg
    @hglbrg5 ай бұрын

    3:55 to 4:22 is the thing AI cannot replicate or generate yet. The human expertise and touch.

  • @tazkiavoice07
    @tazkiavoice072 ай бұрын

    Just WoW!

  • @masterstubborn9947
    @masterstubborn99473 ай бұрын

    Wow super and minimalist design. How can sell for this like services ?

  • @twangerrrrrr
    @twangerrrrrr5 ай бұрын

    How much of this can you get done with the free version of relume?

  • @uifry
    @uifry13 күн бұрын

    Awesome share :)

  • @shamilaliev2119
    @shamilaliev21195 ай бұрын

    Amazing

  • @charles120001
    @charles120001Ай бұрын

    You used a mood board, did it influence the Relume generated wireframe and design? Also, at the end of the video you listed the tools you used but you did not list Figma. Does this mean you don't need to use Figma?

  • @user-xd4lm5ql6z
    @user-xd4lm5ql6z6 ай бұрын

    From what I can see, that method causes problems on mobile. The custom design of the header, the illustration of the fallen leaves in Pygma, is difficult to make responsive. There is a significant learning curve to actually uploading them.

  • @trepke2849
    @trepke28494 ай бұрын

    How did you apply the color scheme that quicky? It's not shown on the video, and I'm a definition of noob

  • @metternich05
    @metternich05Ай бұрын

    I don't see this making real designers obsolete. As usual in this early stage of the AI-revolution, this workflow is mostly handy for people who can't and won't pay for professional design and development services, and affects mostly small businesses. Seasoned UX designers and frontend developers, Wordpress experts and the like, have no reason right now to worry about being replaced by a smartass AI. Although they need to embrace new opportunities AI offers.

  • @robertf57
    @robertf57Ай бұрын

    At 3:12 in you said you import the color palette into Figma. How exactly did you do that? Did you just do a screen capture? I couldn't right-click either the large image or small palette image and and copy or save them, and clicking the export button only displays the CSS colors. Thanks.

  • @CalerEdwards

    @CalerEdwards

    Ай бұрын

    I usually just grab a screenshot and paste that in Figma and grab them from the image.

  • @robertf57

    @robertf57

    Ай бұрын

    @@CalerEdwards Thank you. That's what I thought.

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

    Are you gonna make one about mobirise AI? Still in development, but it's gonna be impressive, I think.

  • @l-dss8093
    @l-dss80935 ай бұрын

    thats absolutely crazy tbh.

  • @andrewguarino
    @andrewguarino5 ай бұрын

    great video

  • @AnandhuAjiGopinath
    @AnandhuAjiGopinath3 ай бұрын

    great share ❤

  • @CalerEdwards

    @CalerEdwards

    3 ай бұрын

    Thanks!

  • @UmarHamza
    @UmarHamza5 ай бұрын

    Awesome

  • @wge621
    @wge6213 ай бұрын

    The musho plugin in figma does all of this in one click.

  • @Dr.mohamed_
    @Dr.mohamed_7 ай бұрын

    Could you make a vedio show us the real web design steps for real project?

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    I'll see what I can do :D

  • @Dr.mohamed_

    @Dr.mohamed_

    7 ай бұрын

    @@CalerEdwards thanks

  • @thegreyemperor
    @thegreyemperor11 күн бұрын

    I literally subscribed as soon as you said "sent it to the shadow realm"

  • @mostafaazzouz591
    @mostafaazzouz5914 ай бұрын

    What’s a beautiful keep going i like it

  • @grapastudio8918
    @grapastudio89185 ай бұрын

    It's pitty that you cant export html + css. It would be the best starting point for most web designers. I would change it for figma.

  • @CMZIEBARTH

    @CMZIEBARTH

    5 ай бұрын

    I was surprised when I found out Relume didn't do that.

  • @samanen

    @samanen

    5 ай бұрын

    Wouldnt Framer plugin do that for u? Not sure but thats what I think it is for. Also some ChatGPT plugin might help

  • @TomasStrejcek

    @TomasStrejcek

    5 ай бұрын

    @@samanen yeah I tried the several of the tools, but the quality of the code is mediocore and it takes more time to fix that code than to write a proper code with my own css framework.

  • @nickwoodward819

    @nickwoodward819

    5 ай бұрын

    @@TomasStrejcek standard ai

  • @moer5432

    @moer5432

    5 ай бұрын

    You need javascript

  • @yulose9
    @yulose96 ай бұрын

    will you create a video for the new ai tools announced by Adobe?

  • @CalerEdwards

    @CalerEdwards

    6 ай бұрын

    I'll check them out

  • @kareemasakari
    @kareemasakari4 ай бұрын

    🔥

  • @DavideTrezzi
    @DavideTrezzi5 ай бұрын

    Same video but for mobile app?

  • @samidoesarts5296
    @samidoesarts52965 ай бұрын

    how does prompt work? how to do that in discord?

  • @Ryansanvy
    @Ryansanvy2 ай бұрын

    Can i export to Shopify?

  • @alfredosmith6107
    @alfredosmith61076 ай бұрын

    The goat

  • @danielfritz9471
    @danielfritz94715 ай бұрын

    Were you running late to a rendezvous or something?. Very good content but what's the rush for.

  • @vabatta
    @vabatta5 ай бұрын

    I’m curious, what’s the follow up process to make that design into an actual website?

  • @elv4evapersonal447

    @elv4evapersonal447

    5 ай бұрын

    Hope he replies to this. This is SOOO important

  • @nickwoodward819

    @nickwoodward819

    5 ай бұрын

    Ditch AI and build it.

  • @kareemasakari

    @kareemasakari

    4 ай бұрын

    Figma to Webflow plugin. Hope this helps!

  • @kirandev

    @kirandev

    4 ай бұрын

    Coding

  • @elv4evapersonal447

    @elv4evapersonal447

    4 ай бұрын

    @@kareemasakari thank you so much my guy!!

  • @aleenaakhtar8385
    @aleenaakhtar83856 ай бұрын

    Can you make a video about AI Tools to Design a mobile app

  • @CalerEdwards

    @CalerEdwards

    6 ай бұрын

    I'll see what I can do :D

  • @user-fg1hq9jk8j
    @user-fg1hq9jk8jАй бұрын

    cool video)

  • @vovet777
    @vovet7775 ай бұрын

    🏆

  • @ThierryC-te3rx
    @ThierryC-te3rx7 ай бұрын

    How long in total ?

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Not sure really sure sorry, the AI took a while to generate the assets I needed. So to long tho lol

  • @ThierryC-te3rx

    @ThierryC-te3rx

    7 ай бұрын

    @@CalerEdwards Thanks for your reply. Will you estimate the time needed in days days or hours ?

  • @oluizfabio
    @oluizfabio2 ай бұрын

    what would you recommend to transform this Figma into an actual site?

  • @anasbrouk7153
    @anasbrouk71535 ай бұрын

    why you didnt use Midjourney to modify photo Instead of photoshop

  • @barrard
    @barrard5 ай бұрын

    where's the mobile version? -developer

  • @user-nt2fs7qp6c
    @user-nt2fs7qp6c5 ай бұрын

    holy shit

  • @grav3ns3n
    @grav3ns3n5 ай бұрын

    Duuudeee :D You are fcking awesome!

  • @Yothlan
    @Yothlan2 ай бұрын

    Does anyone know of a tool like Relume but more aimed at application design? Relume seems efficient for marketing websites, but I'm looking for something that can assist in the design of an application - which is admittedly more complex.

  • @economicblast
    @economicblast3 ай бұрын

    there goes my job lmaoo

  • @jreamer0
    @jreamer03 ай бұрын

    splineeeeeeee you need spline.

  • @nickwoodward819
    @nickwoodward8195 ай бұрын

    anyone got a relume alternative? it's crap

  • @AlexFromPhoenix
    @AlexFromPhoenix7 ай бұрын

    Will AI render UX Designers useless..?

  • @aminansar5294

    @aminansar5294

    7 ай бұрын

    nope but yes after a long long time

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Probably not in my life time lol. I think we will guide it more and more to do repetitive tasks like wireframing but will still need designers to make ui/ux decisions and adjust what the AI creates for us.

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Agreed, we would need a huge leap in technology for AI to solely create designs with good UI & UX.

  • @chucklefuck

    @chucklefuck

    7 ай бұрын

    ​@@CalerEdwardsNah, one day someone will find a way to feed the source codes of a bunch of apps with world-class UI/UX into an AI, give it thirty seconds to analyze common qualities, and then release a UI/UX AI that generates websites and apps with impeccable design based on a text prompt. I give it two years

  • @kakoz24

    @kakoz24

    7 ай бұрын

    ​@@chucklefuckit would still be needed to individualize and make corrections tho😅 I guess the progress in technologies gonna lead to making the process of creating complicated web sites even more possible for 1 person. The tool becomes effective but we will still need a specialists

  • @jayql
    @jayql2 ай бұрын

    My biggest takeaway is you can now copy and paste images from a website directly to Figma?!?! Wtf

  • @CalerEdwards

    @CalerEdwards

    2 ай бұрын

    😂

  • @pinocchiify
    @pinocchiify3 ай бұрын

    え?これ結構すごくね?

  • @CalerEdwards

    @CalerEdwards

    3 ай бұрын

    そうですね。

  • @user-bv2uc4rs9k
    @user-bv2uc4rs9k5 ай бұрын

    any one need cheap online store to sell ?

  • @rakibulislamsohan
    @rakibulislamsohan6 күн бұрын

    Too much costly man😑

  • @sanausman2931

    @sanausman2931

    5 күн бұрын

    How?

  • @craigsims808
    @craigsims8087 ай бұрын

    It's clear AI is unnecessary

  • @nickwoodward819
    @nickwoodward8195 ай бұрын

    relume is a buggy mess

  • @nickwoodward819

    @nickwoodward819

    5 ай бұрын

    and - ironically - poorly designed.

  • @vanessaleitao5186
    @vanessaleitao51866 ай бұрын

    This is gold. Exactly want I have been looking for. Keep them coming!🤌🏻

  • @xmaxfuture
    @xmaxfuture7 ай бұрын

    amazing

  • @CalerEdwards

    @CalerEdwards

    7 ай бұрын

    Thank you! Cheers!