Framer Crash Course

Рет қаралды 18,375

Ай бұрын

In this tutorial, we'll cover the basics of using Framer, a powerful tool for designing and building websites without coding. We'll start by setting up site styles, then move on to building a landing page from scratch. You'll learn how to create dynamic components and make your website responsive for all devices. We'll also dive into the exciting world of animations, showing you how to bring your designs to life. By the end of this course, you'll have the skills to build your own website using Framer. Join us and start your Framer journey today!... Remember to Subscribe goo.gl/6vCw64
🖥️ ////////// Try Framer:
framer.link/jesse
🖥️ ////////// Get template:
www.framer.com/templates/mint...
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:
30dayui.com
🏆 //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.com/ixbomhqzoiy0
🖥️ ////////// I Build websites in Framer
framer.link/jesse
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.io/plans?ref=jesse
📅 ////////// 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...

Пікірлер: 57

@arunk2710 Ай бұрын

Framer went from 50k subs to 138k in just 2 weeks.

@JesseShowalter Ай бұрын

Wild stuff

@chriswertz5825 Ай бұрын

The Jesse Effect 😉

@MiguelQueiros45 Ай бұрын

Framer is becoming one of the main tools in design ecosystem.

@JesseShowalter Ай бұрын

Me too

@anitihova4360 8 күн бұрын

Thank you for the tutorial, I am blown away how easy and straightforward Framer is!

@neilpearce Ай бұрын

Much appreciated, I've been needing to learn more about Framer, so thank you!

@neobaholo Ай бұрын

I'm so blown away by how much more there is to learn about Framer. Incredible tutorial Jesse!

@JesseShowalter Ай бұрын

More to come!

@samueladigun2686 24 күн бұрын

Thanks Jesse, awesome tutorial. I was surprised as I couldn't paste effects on other frames even after copying and trying multiple times.

@ziruizhao2276 Ай бұрын

Wow，this crash course is very helpful ! Looking forward to more Framer tutorials.

@andrewbccoast Ай бұрын

Amazing teacher. Thank you!

@JesseShowalter Ай бұрын

Thanks! If like the way I teach check out 30dayui.com

@petermckinnon3104 Ай бұрын

FANTASTIC!!!!!!! About time a framer tutorial building a site from scratch, thank you.

@JesseShowalter Ай бұрын

Glad it was helpful!

@richasrivastava7887 17 күн бұрын

Awesome content Jesse 💙

@bharatmodiTechFist Ай бұрын

Great amazingly Explained!

@insomn_ui 22 күн бұрын

Super useful tutorial! 🙌🏼 I am currently using Webflow but Framer is a very good surprise (possibility to drop content outside the canvas?? and edit variants directly?!) 😱 The customization and micro interactions possibilities are insane. And maybe even easier to use for clients than Webflow? Definitely going to learn more!

@isnannugraha1368 Ай бұрын

Very informative and helpful tutorial bro. Thank you.

@mr.chinaski2613 Ай бұрын

Finally I see Framer contents everywhere over Webflow, hope this will help the improvement of the whole package

@JesseShowalter Ай бұрын

It’s gonna keep getting better

@liviere1 Ай бұрын

Wow, what a tut!!! that you so much!!!! 🙌🏼

@JesseShowalter Ай бұрын

You're so welcome!

@muhammadbacar6051 Ай бұрын

You could have easily use the copy paste figma to framer in your landing page by first putting all your designs in an auto layout, having them all in svg than bring it in Framer. You would have little to adjustement to your design. They only adjustement you will need is for the responsive design afterwards.

@JesseShowalter Ай бұрын

I wanted people to know how to do it manually.

@muhammadbacar6051 Ай бұрын

@@JesseShowalter I see ! It was still a useful video for me even tho I am already a bit proficcient in Framer. We may need more videos about framer even a course would be cool 😁

@framerwme Ай бұрын

Great crash course Jesse!

@JesseShowalter Ай бұрын

Thanks

@chriswertz5825 Ай бұрын

Great tutorial. Will you be doing a Framer course?

@emilcupic Ай бұрын

Great introduction! Thank you :)

@JesseShowalter Ай бұрын

Glad it was helpful!

@joiltonmelo 18 күн бұрын

Great!

@deletingmychannel 28 күн бұрын

Thanks for the tutorial! I learned a lot. Anyone else unable to get the scroll transform to work? In the video, his kind of skews backwards, but when I try it mine just starts a small size then gets bigger on scroll

@mae2309 Ай бұрын

YESSSSSSSSSSSSSSSSSS.. am READYYYYYYYYYYYYYYYYYY. LETS GO!!

@JesseShowalter Ай бұрын

Yaaaaas!!!

@webnavi5528 4 күн бұрын

Hi! Great tutorial! Why doesn't the burger menu open in tablet and phone breakpoint? 😮‍💨

@asdf4a Ай бұрын

Hey jesse, please release a figma course for web development as i have taken 30 day UI course which was mainly focuses on mobile development (App).

@JesseShowalter Ай бұрын

More courses coming this year

@asdf4a Ай бұрын

@@JesseShowalter would love to taking more courses from you as really like the energy of you and the the way you teach ….i have taken few courses from others like flux academy but they felt boring …didn’t want to continue with them after taking 2-3 classes

@willowtainmentlolz179 15 күн бұрын

yoo. how did you get the windows to look like that in framer?

@MalTrakSecurity 5 сағат бұрын

Does it have the ability to export it into nextjs tailwind code? Or it stays within their ecosystem?

@mdjahin99 Ай бұрын

When do I use Framer & when do I use Webflow ?

@roieshalom7240 4 күн бұрын

An amazing crash course, why doesn't the 3D effect work for me on the image?

@sakibtamboli4685 Ай бұрын

How am i supposed to follow this tutorial without the files?

@petermckinnon3104 Ай бұрын

Ok, so followed the tutorial however, when I get to tablet/mobile breakpoints my burger menu stays to the left of the navigation. I've tried to move the top stack that houses the burger menu but it doesn't work. Any idea why please?

@deletingmychannel 28 күн бұрын

That happened to me as well, you should be able to just flip the order of them in the layers panel

@ShukuraOnline 26 күн бұрын

next time make the assets available so I can do tutorial and follow along,

@bankster2191 Ай бұрын

Do I still need to learn how to use Figma to be efficient?

@JesseShowalter Ай бұрын

Figma is very useful to design in before you get to Framer

@petermckinnon386 Ай бұрын

I don't get the burger menu on tablet and below, its there just don't see the lines?

@JesseShowalter Ай бұрын

Nav’s can be a little tricky, try a fresh one from the framer insert menu

@yanhernandez3915 Ай бұрын

Jesse, I like your content, but I'm curious why your business appears only on KZfaq to me. Is this a strategic choice? I follow great UX/UI designers who have a broader social media presence, including LinkedIn and Instagram. Am I the only one who notices this, or do you intentionally focus more on KZfaq? Just checking in, as I really admire your work and believe my community would benefit greatly from what you have to say.

@longtalliceman Ай бұрын

I just connot download the template for Figma for free...

@JesseShowalter Ай бұрын

Check the link

@videogameavatar Ай бұрын

@@JesseShowalter The link takes you to the Framer template which is the complete website. How do you get the assets though to rebuild yourself? Looks like we have to purchase the Figma template to get those.