I Redesigned Midjourney’s Landing Page in 19 Minutes (Without AI)

In this beginner tutorial I show my workflow for redesigning and animating a landing page in Figma-all of it in less than 20 minutes. ⏰
📕 Show Notes 📕
➡️ Figma File: www.figma.com/file/BLZYju76Ek...
➡️ Responsive Design Crash Course: • Responsive Design in F...
➡️ Master Responsive Grids: • Master Responsive Grid...
➡️ Subscribe To The Channel: / @timgabe
Timecodes
00:00 Intro
00:27 MidJourney's Current Website
01:10 Design
#figma #figmatutorial
➡️ QUESTION - Have a question about UI, UX or Product Design? Designing in Figma? Or Anything Else? Post in the comments section of this video-I’m happy to answer!

[@taylorjackson3691]

Finally someone who explains designs in Figma in a clear way. Appreciate this content.

[@TimGabe]

really happy you like it, Taylor!! thanks a lot!!

[@Gorilla_brown786]

Crazy fast designing . Need more videos of redesigning or creating a website or app.

[@TimGabe]

i'm going to be doing this in framer in future videos!! stay tuned!

[@shyneeez]

I'm an Intern for a company, trying to master my skills for Figma and your tutorials have been helping so much, simple and straight to point, thank you :)

[@TimGabe]

that's very cool to hear. always happy when people breaking into the industry find my videos helpful 🤩

[@andrescastillo07]

Wow! This was too cool to watch, I didn't know you could do that prototyping animation this way. And you're extremely fast 😆, I'm amazed!

[@TimGabe]

thanks a lot Andrés, really glad you liked it!! 😃 haha, I guess the speed comes with years and years of just grinding in Figma!

[@samcharo]

The Magic of Tim Gabe! Thanks ..

[@TimGabe]

haha, really appreciate that Sam!!

[@DeanWillpower]

Great Video Tim! Love the work and idea!

[@TimGabe]

really appreciated, Dean!! thanks ☺️

[@NavesNiche]

I'm so glad I found your channel, it's super awesome!

[@TimGabe]

happy to have you here on the channel, Naves!! 😃

[@G00dhead]

Loved every second of this! Tanchuuu

[@TimGabe]

that's amazing. thanks!!

[@liokskarbach]

Love it, mate! Keep it up 👏

[@TimGabe]

thanks a lot, Lioks!! 😃

[@davetheglitch_]

Interesting design, I've learnt something from this. Keep making tutorial videos Tim

[@TimGabe]

happy you learned something, Dave! 😃

[@lemoniamicha7443]

Super cool! Thank you!

[@TimGabe]

thanks for the comment! 🤩

[@AkinsRealm]

Thank you Tim! 👍

[@TimGabe]

thanks for supporting, my friend!!

[@SzabatDesign]

Tim you are the best! Love your content! Really nice UI! And just in 20 min :D Maybe film about how you organize your designer life? That will be cool!

[@TimGabe]

thanks for always supporting, Christopher!! could you elaborate more on the content suggestion? 😃

[@SzabatDesign]

@@TimGabe ofcourse but it depend your "audience" target and business plan of your channel 😁😉💪 But how you organize yours design files, processes will be nice 😊

[@jackd8793]

Awesome videos Tim! Would be nice if you showed the keyboard shortcuts you are using as you go. Thanks for the great content!

[@TimGabe]

ah!! good point, Jack. also, just FYI: I have a video or two on keyboard shortcuts if you search my channel 😃

[@atul7173]

As a developer seeing him create those sexy design effects like layer blur and everything, makes me wonder these small sleek effects with things going back and positioning perfectly takes me so long to develop as a developer. But coll stuff. I'm now learning designing to gain the better understanding. Maybe I'll create some techniques to achieve those result in a quick and reusable way.

[@TimGabe]

sounds awesome man!

[@dinisromaniuk7638]

cool! that was fun. thanks)

[@TimGabe]

glad you liked it, Dinis!!

[@sigfigronath]

please continue this series

[@TimGabe]

i'm doing some similar things but for framer atm! 😃

[@aclaymotion]

Amazon content. Thank you very much for your work. I learned a lot 😊😊😊

[@TimGabe]

always fun to see comments like these!! thanks Wochen! 🙏

[@neginrajabi2363]

wow. you blowed my mind and made me laugh too. thanks for sharing your skills it is really helpful. keep doing this please.

[@TimGabe]

haha, I'm happy you found it funny Negin!!

[@klokkerholm1993]

Amazing content 👏

[@TimGabe]

thank you so much René! 🤩

[@klokkerholm1993]

Do you have a video about typography scale and where to use what scale 😊 custom or predeifnede scale ? Also 2 thing i hate with figma is the constratin set, if you have set one thing to scale and resize frame Any tips here + There isnt a font preview dont like the Way fonts is handle in figma? 🤨

[@austinmoras7800]

Top content again Tim, could you do more videos on mobile UI animations please...

[@TimGabe]

appreciate it Austin!! 🙏 and thanks for the content suggestion ☺️

[@tobiasfenkart9892]

question: I just started working with Figma and thought that everything has to eventually sit inside an auto layout (in order to be perfectly responsive and adjustable). But inside an auto layout, you can't move the stuff freely, so what would be the "right" approach here if you want animations and a clean auto layout setup?

[@tatthepsrakird5131]

thank you! i want to learn about 8 gird point rule

[@TimGabe]

in this video I talk about the 8-pt grid system: kzbin.info/www/bejne/pZmpamaVoJh8g80

[@blomqvistdigital]

Tim, love your videos, they are so helpful. Would love to know, where do you get your fonts from? Any specific resources? Paid vs Free? Thanks for all your hard work and greetings from Sweden :)

[@TimGabe]

that's so nice to hear, my friend!! I usually just use Google Fonts, but another cool resource is www.fontshare.com/ 😃 greetings right back at you from Sweden!

[@blomqvistdigital]

@@TimGabe Cheers buddy! #skål

[@azoozsaleh8331]

very cool go to the best 😉

[@TimGabe]

MidJourney is awesome!! 😃

[@RLNDcaST]

This was relly interesting to me be cause i wanted to see how fast are experienced designers working. 😅 I feel like I am the slowest person ever😂 even thoam using alot of figma shortcuts. I think that for me the slovest part is to figure out what and how to design

[@TimGabe]

speed definitely is something you develop over time, and I already had a good idea of what I wanted to design so the whole iterative process was cut out here ☺️ happy you liked the content!!

[@afrosymphony8207]

Very interesting build, love the speed and no bullshitery loool. honestly i still prefer the original midjourney design. its verry unique as it has a sorta creative legacy tech vibe, its just not something you see everyday especially the scrolling code thingy. I'm just tired of seeing these sorta trendy fade in fade out animations on websites. i might be biased caused i never liked them when they started popping up everywhere and years later i still stand by it. it just seems very unnecessary nd confusing to me.

[@TimGabe]

really appreciate the honesty, my friend 🙏🤩

[@thewelnessinsider]

can we make a design like mid journey in figma?

[@gauravdhawan3179]

Hey man loved your content, just one request can you please make some UX focused videos? Thanks

[@TimGabe]

hey Gaurav! 😃 anything specific regarding UX that interests you?

[@gauravdhawan3179]

@@TimGabe something like getting a problem statement and solving it by designing, adhering to UX laws and principles. Would love to see your process. :)

[@vinsapoon]

Cant seem to find your videos on responsiveness

[@TimGabe]

just search the channel for "responsive" and you'll find a bunch 😃

[@TheMarouuu]

My dude, I appreciate the effort but the Midjourney website is really good. It's a really clever and unique design. You don't beat that in 19 minutes lol, and depending on your level as a designer, you might not beat it at all, with or without AI. Ironically enough, the design of the Midjourney website is proof that AI is not going to take our jobs any time soon.

[@TimGabe]

definitely is a good website, and without context and analytics I can’t really speak to the effectiveness of the design. however, I really do believe they could make the actual utility of the tool more immediately apparent ☺️ also, I have to just clarify: this is not an attempt to beat the design, but merely a redesign with a different angle 👌

[@TheMarouuu]

@@TimGabe lol :D

[@vekkdrums]

Do you believe Midjourney and AI will replace UX/UI design? I'm interested in your opinion.

[@TimGabe]

hey Bruno! I don't think it will replace designers in the sense most people think of "replacing" (i.e. "now we no longer need designers"). I think our roles as designers will change a lot and we will use these tools as just that -- tools. good designers will probably be defined by their creative ability and their ability to learn and adapt quickly!

[@itzangelox3]

Por favor 😂❤😂

[@UnlockWave]

why you limit the video to 20 minutes you can take 40 minutes and tell us every thing while animating bcz i understand 40% of animation

[@TimGabe]

should maybe make a longer video in a similar style in the future!!

[@jaklinalevi]

You did it so great! I really like your videos, you should made more videos like this

[@TimGabe]

thanks a lot Jaklina!! might come more in the future 😃