Learn Framer for Beginners in 2024

Learn Framer for Beginners in 2024 | Framer Tutorial

Рет қаралды 16,333

Күн бұрын

⚡ Get 3 FREE months on a Pro annual subbie!
mizko.net/framer
⚡️ Timestamps:
00:00 - Introduction to Framer
02:07 - Framer ecosystem
04:59 - Framer dashboard overview
06:35 - Portfolio design we will be building
07:05 - Framer workspace overview
14:20 - Let's start building
25:00 - Framer Collections (CMS)
36:40 - Building responsive views in Framer
41:48 - Framer effects
---
Become a highly-demanded Product (UX/UI) designer with me:
Master Figma with my Ultimate Figma Design Masterclass (6,800+ students)
👉 thedesignership.com/courses/t...
Practical UX Research & Strategy Masterclass (700+ students)
👉 thedesignership.com/courses/p...
Shipfaster UI - Advanced Figma Design System (3,000+ designers)
👉 thedesignership.com/products/...
Outline - Figma Wireframe Kit (500+ designers)
👉 www.thedesignership.com/produ...
Follow me on IG (Daily updates):
👉 / themizko
---
Follow and learn with me:
Become a legendary designer: thedesignership.com
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko

Пікірлер: 50

@Mizko Ай бұрын

I'd love to hear your thoughts on Framer 👀 ⚡Get 3 FREE months on a Pro annual subbie! mizko.net/framer

@feelcollins4358 Ай бұрын

As of now, Webflow is still more complete however I have a feeling that Framer will take over in the future because of how intuitive and designer-friendly it is in comparison, they just gotta keep on pumping those great updates and let the app speak for itself instead of heavily promoting while it's still trailing behind Webflow.

@millidesignux 11 күн бұрын

Thank you Mizko! You made this super easy to follow and I think the CMS feature is so awesome! Excited to dive deeper into Framer's capabilities 😍

@Mizko 6 күн бұрын

🙏

@framerwme Ай бұрын

Love to see you putting Framer on the spotlight. I’ve been following you for a LONG TIME. As a newly Framer Junkie, thank you!

@Mizko Ай бұрын

They deserve it!

@kzumbagaijin6045 3 күн бұрын

Thanks very much, from France

@kareemmagdi7 Ай бұрын

I’ve switched from Figma to Framer when it comes to web design. It’s extremely similar to Figma’s interface so its really easy to transition to. Also instead of prototyping in Figma, its now very easy to do so in Framer and publish your website

@Mizko Ай бұрын

I'm glad that you've noticed the similarities and up-side in picking up Framer to launch a website directly from their app! They're definitely onto something.

@HallyuDan Ай бұрын

Exactly what I needed today. Enjoying Framer so far, and the best man for the job is creating a 46 minute video about it! I completed the Figma masterclass, so I knew this was going to be good ;). Excellent communicator.

@Mizko Ай бұрын

Really happy to hear!

@OluwatunmiseAdetayo Ай бұрын

This was very insightful, I love how you take your time to explain everything in detail gradually👏👏. As someone who is very familiar with Figma I’m so glad the interface is very similar to Figma.

@Mizko Ай бұрын

Glad ot hear!

@xMUSiCLiF3x Ай бұрын

I've been spending time on Framer, this video came just in time!

@Mizko Ай бұрын

👏👏👏

@damilolabello4860 Ай бұрын

Thank you so much Mizko. I'm definitely a die hard fan of yours. Unfortunately, i have been trying to get into framer for the past one month now but it just keeps getting difficult for me but with this video, I'm sure to follow through and learn alot while I build alongside with you. I am really hoping to join your Designership class someday. Thank you so much Mizko❤

@Mizko Ай бұрын

So happy to hear! Take your time and follow along with this video :) I’m sure you’ll get it!

@agungjp6742 Ай бұрын

Thank you Mizko, can't wait for another video talking about framer 🔥🔥🔥

@Mizko Ай бұрын

🙏

@deletingmychannel Ай бұрын

I love the tutorial, thanks for making it! Framer is an amazing tool so far, I like it even better than Figma. I started out designing websites in Photoshop back in the day and I'm amazed at all the new tools now a days. I can't wait to try to create a template page for my portfolio website, that way I can add new projects to my website via a CMS, rather than copying pages over and over. A few things I noted that I'm curious about, first is I wonder if I can design for mobile-first, then create my tablet and desktop views, rather than the other way around like we did in the tutorial. I've always been taught it's easiest to design for mobile first. And second thing I noted which I thought was odd, I felt like Framer was a lot smoother in my Browser, rather than the Mac Desktop app I downloaded for my Intel Mac. I'm still rocking the 2015 MBP, so that might be why lol. Still thought it was interesting it's easier in my browser. Thanks again for the thorough tutorial!

@naveenm489 Ай бұрын

much awaited.. we need a series from mizko on Framer tutorials

@Mizko Ай бұрын

More coming soon!

@Anjays Ай бұрын

So helpful!

@Mizko Ай бұрын

Thanks!!

@LightsaberPanda Ай бұрын

I like Framer, the only issue I have with it is that it only have two integrations. Other platforms like Webflow and Wix Studio way more have more. As a work around we can we can still embed other integrations with their code block feature. Aside from that it's still easy to use

@Mizko Ай бұрын

Yep! Every platform will have their own unique take to this. I'm sure they'll focus on the app integrations soon.

@dbcruz Ай бұрын

Good content.. thanks!

@Mizko Ай бұрын

🙏

@nadiasylvester3544 24 күн бұрын

Thank you for the tutorial @Mizko as always delivering high standard contents. I would like to ask you and everyone else, what would you choose: Webflow over Framer and vs and why. Would love to know your thoughts.

@nickolasbochkarev9624 Ай бұрын

Thanks for the content. The CMS section was a bit confusing, probably should make CMS a separate video.

@Mizko Ай бұрын

Thanks for the feedback Nic! Yep, sorry about that I realised the video was getting long so had to try skim a few parts here and there. Collections setup can also be a bit confusing for first timers, it's what developers do when they are creating databases. I'll do a seperate video in the coming weeks :)

@uifry Ай бұрын

Hands Down Mizko :)

@Mizko Ай бұрын

✌️

@raku.aladdin 19 күн бұрын

Mizko please make more framer tutorial

@Deepakkumar-hz8xl 5 күн бұрын

Hi Mizko, could u pls help with one query - Do we have master page feature in Framer where we put design element and it appears in all pages?

@RaymondChouPhoto Ай бұрын

Great Framer tutorial video Mizko! As someone who primarily builds relatively simple marketing websites for small businesses, would you recommend Framer over Webflow based on your experience?

@Mizko Ай бұрын

Hey Ray, if you’re building simple marketing websites I would honestly suggest Framer. You can skip Figma, go straight into Framer, start designing and publish all within their app. There was definitely some getting use to at the start, since Framer does have their own way of doing some things but quite quickly I got the hang of it.

@RaymondChouPhoto Ай бұрын

@@Mizko many thanks!

@vrealizer 16 күн бұрын

Hi, I was thinking while watching your KZfaq videos, I can make the components, but it's so hard to prototype them. Do you have any videos on this? Or can you take a video of variations prototyping? I'm not sure if it's better to just study framer or write a program like jitter or learn pygma prototyping. Is there a lecture or course that combines components and prototyping? I'm not very good at English, so I used a translator a bit, please understand. I want you to comment. Thanks for the nice videos. I hope you're always happy.

@zydbinak2561 Ай бұрын

WOAH

@opsnax1468 Ай бұрын

1st bcz i love his teaching method 🥰

@Mizko Ай бұрын

Thank YOU 🙏

@nickolasbochkarev9624 Ай бұрын

I noticed at 26:12 you went to the left side of the screen and a menu went up to see your previous projects. I don't get this, and can't figure out how you got that menu?

@Mizko Ай бұрын

I'm using the Arc Browser :) That was just opening a new browser tab.

@indivo2540 6 күн бұрын

Can you export the code from framer?

@elysiumcore Ай бұрын

Framer is a lot easier than webflow - they are constantly making updates - super fast too

@CLucas127 Ай бұрын

How does this compare with Webflow?

@Mizko Ай бұрын

Definitely feels more light weight, not in terms of features but in terms of building. I haven't tried pushing Framer's collections ability yet, but I'll give it a go sometime.