Learn Framer in 20 Minutes (Crash Course)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024

ความคิดเห็น • 345

  • @wendysanchez13
    @wendysanchez13 3 หลายเดือนก่อน +33

    Lost my job of 6 yrs last May and decided to return to being a designer and wanted to make my own site to showcase my portfolio. This tutorial helped me a lot, thank you!

    • @jnslzr
      @jnslzr 2 หลายเดือนก่อน +1

      did you end up using framer for your website?

  • @designersanket
    @designersanket ปีที่แล้ว +66

    Loved this Rann, Please create more videos on Framer! Thanks!

  • @TerenceKearns
    @TerenceKearns ปีที่แล้ว +16

    That was cool. Probably a good idea to put the PiP of yourself in the lower left so it's not obscuring half of the clicking in the tutorial. Hope this helps.

  • @Framer
    @Framer ปีที่แล้ว +7

    Great video! 😍

  • @MultiSciGeek
    @MultiSciGeek 6 หลายเดือนก่อน +3

    My god that's amazing! Just 20 minutes, but looks wayyyy better and cleaner than the 100 hour portfolio you did. I think I finally need to try Framer!

  • @abiodunomonijo
    @abiodunomonijo ปีที่แล้ว +12

    Yo Flux!
    I just introduced to Framer a few days ago and your video is making me fall in love with it.
    I always like your lessons.
    Thank you.

  • @MindScape322
    @MindScape322 ปีที่แล้ว +20

    Hands down the best framer tutorial ever, thank you for the awesome video and keep up the great work. 😊

  • @melvinmartignac5846
    @melvinmartignac5846 ปีที่แล้ว +40

    I was about to learn Webflow, but i discover Framer thanks to you. The interface is much more ergonomic, and so it really hype me. Please do more tutorials like this, i follow you !

    • @jasonhebert1656
      @jasonhebert1656 ปีที่แล้ว +3

      trust me, coming from Webflow this is super limited and frustrating. It's missing so many little things that Webflow is amazing at. It's worth your time to learn

    • @feelcollins4358
      @feelcollins4358 ปีที่แล้ว

      @@jasonhebert1656 I have a feeling Framer will have a higher potential in the future though so it's worth learning it now

    • @PeterSather
      @PeterSather ปีที่แล้ว

      ​@@jasonhebert1656 Like what? I've spent a ton of time trying to figure out some things in webflow and was so frustrated. What things is framer missing exactly?

  • @VisualsBySaleh
    @VisualsBySaleh ปีที่แล้ว +5

    I'm searching so many tutorials on TH-cam clear and to the point tutorial about framer but know my favorite channel has done this job for me haha 🎉

  • @BugsVsHumans
    @BugsVsHumans ปีที่แล้ว +3

    Is Webflow scared that they have a strong competitor? I hope Framer maintains the hype. Please make more videos on Framer.

  • @cabansayjondaniel2186
    @cabansayjondaniel2186 ปีที่แล้ว

    THIS IS A HUGE HELP FOR ME! AS A Newbie in creating a webpage using javascript, this is the easiest one!

  • @Kha7i
    @Kha7i 21 วันที่ผ่านมา

    Bro this video was sooo helpful honestly, im a complete beginner and im not a web designer. I just needed a website for my business and i couldnt get it right but this video will save me hours of time thank you 🙏🏼

    • @FluxAcademy
      @FluxAcademy  21 วันที่ผ่านมา

      Great to hear it helped!

  • @travelsizearchitect
    @travelsizearchitect 10 หลายเดือนก่อน +8

    Definitely would appreciate more framer tutorials

  • @Анастасия-я2б1к
    @Анастасия-я2б1к 4 วันที่ผ่านมา

    That's awesome! Very fast and clear, please create more videos on Framer!

  • @peacefull_moment
    @peacefull_moment ปีที่แล้ว +3

    WOW!! You are an awesome at teaching! My husband just introduced me to using Figma & Framer. This is my first tutorial. I have no background in web building but have only played around with building on the very limited Google Sites (haha). But you made me feel like I can do this! SUPER EXCITED!

  • @TobiasKarnetzke
    @TobiasKarnetzke ปีที่แล้ว +5

    I tried Framer a few weeks ago. It definitely has potential. I hope they expand the CMS features and make it more powerful.

  • @samueljwalter
    @samueljwalter ปีที่แล้ว +67

    I am definitely interested in learning more about Framer. I do ultimately want to learn Webflow, but this feels like an easier entry point at the moment. Also gets me into Figma a little more which has been helpful.

    • @clovermk1635
      @clovermk1635 ปีที่แล้ว +8

      same feeling man!

    • @busimo
      @busimo ปีที่แล้ว +2

      why would you want to "ultimately" learn Webflow? lol. It's just a more difficult site builder.

    • @jasonhebert1656
      @jasonhebert1656 ปีที่แล้ว +2

      Now that I’ve messed around more with framer I don’t really see how it’s any easier. It’s more or less the same once you start using proper layouts with containers. Don’t just use the blank canvas and drop things in Willy nilly, it won’t look right as the screen expands. The infinite canvas is dope as fuck though. Having your layouts right beside each other is sweet. But fundamentally if you get this it’ll take you no longer to get webflow

    • @jasonhebert1656
      @jasonhebert1656 ปีที่แล้ว

      Webflows cms, logic, and code export are worth it alone. You can build much more robust sites that will ultimately earn you more money as a designer.

    • @sfyrizo
      @sfyrizo ปีที่แล้ว

      same feeling man!

  • @mariejae92
    @mariejae92 ปีที่แล้ว +1

    since i wasnt sure how to use figma, this also just helped me understand both!! sooooo much easier and better than webflow. everything against my eyes is also much better. thank you !!

  • @vkayhere
    @vkayhere ปีที่แล้ว +1

    The best Framer intro ever. Thank you for this and please do more!

  • @SatyajeetMohanty11
    @SatyajeetMohanty11 ปีที่แล้ว +3

    Hey, thanks for making this video! Really helps. One quick feedback - it would be great if you could have your video on the left hand side while working so that the right panel view is not obstructed

    • @shamulipore3830
      @shamulipore3830 ปีที่แล้ว

      True, so many details were hidden because of it and also it was too distracting.. there's so much blank space on the left he could have used..

  • @Tola_io
    @Tola_io ปีที่แล้ว +5

    Wow! Are my eyes deceiving me Ran made a framer tutorial who would have thought

  • @Lmachine1
    @Lmachine1 ปีที่แล้ว

    I'm loving this video, my only request is that you put yourself on the bottom left of the screen so that the menu on the right isn't covered up!

  • @theado3183
    @theado3183 9 หลายเดือนก่อน

    Your video is easier to understand than Framer's tutorial. Thanks so much!

    • @FluxAcademy
      @FluxAcademy  9 หลายเดือนก่อน

      Appreciate it! thanks

  • @toosharp4417
    @toosharp4417 ปีที่แล้ว +5

    I'm super interested in trying this platform. The UI looks clean and intuitive, with delivering functionality. Please have couple more tutorials so that people like me who wants to try Framer, can learn more from you.

  • @alexalex-xk8mr
    @alexalex-xk8mr 4 หลายเดือนก่อน

    Really helpful tutorial! One small improvement to make it even better would have been to put the video of you in the bottom left side of the screen as it blocks some of the panel hiding info.

  • @soorkie
    @soorkie 6 หลายเดือนก่อน

    really liked this video. just one quick suggestion, it would be helpful if you could move the video circle on the bottom right towards bottom left, especially when there is content on the right, so that it doesn't cover it up. thanks a lot.

  • @ag34393
    @ag34393 หลายเดือนก่อน +3

    Finally someone that did not start a video with "today we are going to go over blah blah blah" for 20 minutes

  • @SaadAlShiekhAli-sg4dl
    @SaadAlShiekhAli-sg4dl 2 หลายเดือนก่อน

    it is nice how you are using a webflow way to build a website in framer

  • @DBryan67
    @DBryan67 หลายเดือนก่อน

    Thanks so much for the video! I just started learning about framer and you are by far the best at explaining this platform. I have a background in Wordpress so all of this is Greek lol

    • @FluxAcademy
      @FluxAcademy  หลายเดือนก่อน

      Glad to help!

  • @suman121069
    @suman121069 ปีที่แล้ว +2

    wow it was amazing, Please create some more videos about Framer. Cheers 🎉

  • @michaelbruzzese
    @michaelbruzzese ปีที่แล้ว

    best Framer tutorial so far online! It would be really cool if you could make a series about building websites on Framer

  • @sebastianhuidobro3319
    @sebastianhuidobro3319 7 หลายเดือนก่อน

    Amazing Video! Iam currently making my websites with elementor but was thinking of exploring other editing and design tools. Thanks!

  • @andriyand__
    @andriyand__ ปีที่แล้ว

    this introduction video about framer just makes me so excited and want to learn more. Thank you!

  • @katoetonic
    @katoetonic ปีที่แล้ว

    Wow! Great video. Framer is a game changer for building responsive website fast.

  • @SimphiweMangole
    @SimphiweMangole ปีที่แล้ว

    I would gladly pay for a framer course by you. We really need one.

  • @RomiD7
    @RomiD7 2 หลายเดือนก่อน

    Thank you! Yes, I'm interested in learning more!

  • @IncredibleCommentary
    @IncredibleCommentary ปีที่แล้ว +1

    Please highlight your cursor to make it easier to follow, and explain when you are jumping back and forth, for example when you jumped to "Spply" I had to stop and rewind several times before realizing it was not actually in Framer. Thanks for the tutorials

  • @kkanakan10
    @kkanakan10 ปีที่แล้ว +1

    So happy you use Framer! Discovered it last year after learning Webflow. Love the Figma to Framer feature the most. Can’t wait to learn more from you 🙏🏾

    • @syed.simanta820
      @syed.simanta820 11 หลายเดือนก่อน

      Did u get luck on selling templates?

  • @uddlivewell
    @uddlivewell 7 หลายเดือนก่อน

    Thank you so much! What a great introduction to Framer. (I have no idea how to use it!) Your vdo is SUCH A GREAT HELP! Thanks A LOT!

    • @FluxAcademy
      @FluxAcademy  7 หลายเดือนก่อน +1

      Glad it was helpful!

  • @leonserra4960
    @leonserra4960 ปีที่แล้ว +2

    Thank you, it was more useful than framer's official tutorials for understanding the layouts 🤣😅

  • @jason-m
    @jason-m ปีที่แล้ว +3

    Will be good to know the basics: How it's hosted? How many websites per account? Code output and page speed test results? How to connect your domain? How does it handle transactional emails? How does it handle e-commerce? Does it allow query loops and dynamic data?

    • @tomlebree
      @tomlebree ปีที่แล้ว

      These feel like things you could understand by browsing the website dude. Might've been nice to thank the man for making his video before adding requests.

    • @jason-m
      @jason-m ปีที่แล้ว +2

      @@tomlebree First he asked if any questions about this put it in the comments. Second they’re paid for these videos why do i need to say thank you??
      I was merely giving ideas to him for the next video on the subject. You got this the wrong way round.

  • @caleb3771
    @caleb3771 10 หลายเดือนก่อน

    That's a badass Figma design

  • @talhasaeed
    @talhasaeed ปีที่แล้ว

    framer is so cool and loved the UX, easy peasy!!!

  • @iamshirleyt
    @iamshirleyt ปีที่แล้ว +3

    Would love to see more. I stumbled across framer and think it would work great for certain client projects

  • @TocheImaginería
    @TocheImaginería ปีที่แล้ว +1

    Great tutorial Rann! Thank you! Cheers from 🇲🇽

  • @SriPranavSrivatsavai
    @SriPranavSrivatsavai ปีที่แล้ว +1

    Would be interested in more videos on Framer! Great content!

  • @cherrygail
    @cherrygail ปีที่แล้ว

    Thank you so much, Ran. Please upload more tutorials about Framer😊

  • @XcelerateCoder
    @XcelerateCoder 2 หลายเดือนก่อน

    Thanks Please make a video on full website

  • @carolsolangyjimenez9020
    @carolsolangyjimenez9020 ปีที่แล้ว

    WOW it was amazing! Thank you! I learned soo much!!

  • @olhaovcharenko1663
    @olhaovcharenko1663 8 หลายเดือนก่อน

    Hi! Thanks for the amazing video! Please advise is there a video about making the design responsive in Framer?

  • @jayjay666
    @jayjay666 หลายเดือนก่อน

    Thanks for the crash course.

  • @danielagarcia191
    @danielagarcia191 7 หลายเดือนก่อน

    love it! please make more videos with the following pages of that one

  • @abeblue
    @abeblue 11 หลายเดือนก่อน

    you guys are fkin always put ur cam on the right interface. thats crazy.

  • @AS-ld5mz
    @AS-ld5mz ปีที่แล้ว +1

    much easier and cheaper than webflow. Can't believe I spent all this time learning webflow

  • @rizkizfajar
    @rizkizfajar ปีที่แล้ว

    it's much easier than i thought compare to webflow

  • @petermckinnon3104
    @petermckinnon3104 8 หลายเดือนก่อน +1

    Great video pal but maybe put your commentery video to the other side of the editor so we can see the pannel you are clicking on to change things....

  • @leandrosilva6414
    @leandrosilva6414 ปีที่แล้ว

    Thanks! i was looking for something like this! Cheers!

  • @monigyee
    @monigyee 7 วันที่ผ่านมา

    this is the best video ever

  • @ikechukwukanu4096
    @ikechukwukanu4096 ปีที่แล้ว +2

    How do I find the spply please, Great work Ran❤❤

  • @piotrgorski1945
    @piotrgorski1945 ปีที่แล้ว +4

    Great video Ran :D Thanks! I'm planning to deep into Framer to be able to create more realistic prototypes. Definitely, please do more content with this software ;)

  • @scottcitron
    @scottcitron ปีที่แล้ว

    Framer looks very promising. I look forward to more videos. Thanks, Ran.

  • @arwen_lin
    @arwen_lin 4 หลายเดือนก่อน

    This was so helpful! You're the best thank you so much for this!!

    • @FluxAcademy
      @FluxAcademy  4 หลายเดือนก่อน

      Glad to hear!

  • @prajeeshp9203
    @prajeeshp9203 ปีที่แล้ว

    Great video Ran thanks! this is very helpful to learning Framer very easy

  • @jesper.wiklund
    @jesper.wiklund ปีที่แล้ว

    Awesome Ran, thank you so much for the intro !!

  • @hui975
    @hui975 ปีที่แล้ว

    I want to see more! I also want to see how to publish websites

  • @johncitizen8828
    @johncitizen8828 ปีที่แล้ว

    Came for the Framer, stayed for the Browney. Excellent crash course Ran - thanks! 🙏

  • @muhammadtalha6870
    @muhammadtalha6870 6 หลายเดือนก่อน

    That was a very good Video We need full UI design to website deployment video please.... And you got one more subs

  • @13CreativeStudio
    @13CreativeStudio ปีที่แล้ว

    love this. Thanks for this easy tutorial.

  • @satochy
    @satochy ปีที่แล้ว

    Keep going!!! Feed me more 😤🤲

  • @danieldey
    @danieldey ปีที่แล้ว +2

    Really helpful and really nice tutorial at perfect pace! Thank you.

  • @kaushikmitra6402
    @kaushikmitra6402 ปีที่แล้ว

    Hi Really loved this but when to use Rows and when column? Can you show some example.🙂

  • @design_with_akshay
    @design_with_akshay ปีที่แล้ว

    Thanks Ran I loved this, please go on and create more videos on Framer.😊

  • @adeebquamar3761
    @adeebquamar3761 ปีที่แล้ว

    need more tutorials on framer.

  • @thisispierre
    @thisispierre ปีที่แล้ว

    Great video, now I get it!

  • @jasonhebert1656
    @jasonhebert1656 ปีที่แล้ว

    also the way you say beige made me smile :)

  • @romaincarreau388
    @romaincarreau388 ปีที่แล้ว

    great video Rann !! i want more content on framer for sure ! keep it up man !

  • @andrianfirmansyah6189
    @andrianfirmansyah6189 2 หลายเดือนก่อน

    Mindblowing and Thankyou!

  • @wetteristschlecht
    @wetteristschlecht 8 หลายเดือนก่อน

    Hi, thanks for the video. Could you possibly add one on making the whole thing responsive? I looked into the Figma plugin, so I could build it in Figma and then use the plugin to transfer everything. But I remember you mentioned that re-building the design directly in Framer has the advantage of responsiveness. Could you go deeper into that, that would be awesome🎉 thanks for your content.

  • @_kr001_
    @_kr001_ ปีที่แล้ว

    Yes, more Framer videos please. Thank you!👊😉

  • @siddharthponnapalli4346
    @siddharthponnapalli4346 ปีที่แล้ว

    Great Video Ran! Lovely video to understand framer. I'm also interested about the font you use for your videos.

  • @jamesrory2832
    @jamesrory2832 ปีที่แล้ว

    Love this! Can you give us the link to this particular example you did? I want to go and see and feel the website
    Thanks

  • @kaytomascom
    @kaytomascom ปีที่แล้ว

    great video! thanks. Framer looks interesting

  • @oldgenx
    @oldgenx ปีที่แล้ว

    This was super helpful! Thank you!

  • @suprajasridharan3193
    @suprajasridharan3193 4 หลายเดือนก่อน

    video is really good . but where is that supply in framer ?

  • @rodolfofigueira
    @rodolfofigueira ปีที่แล้ว

    Great video, thanks! Please more on Framer!

  • @imagineer1485
    @imagineer1485 8 หลายเดือนก่อน

    More Framer tutorials please

    • @FluxAcademy
      @FluxAcademy  8 หลายเดือนก่อน

      Coming very soon!

  • @cjnnemeka2267
    @cjnnemeka2267 ปีที่แล้ว

    Nice video and Framer is a good starting point. But ultimately Webflow has an edge I feel.

  • @AbdussalamPopoola
    @AbdussalamPopoola ปีที่แล้ว +31

    Framer tutorials from Ran🤠. I'm surprised

    • @asmarashanice
      @asmarashanice ปีที่แล้ว

      Same

    • @Georgeux
      @Georgeux ปีที่แล้ว

      He has linked his Pro web flow in the description, so don’t be surprised 😂

  • @JedHurricane
    @JedHurricane ปีที่แล้ว

    Perfect timing, lol I just started with framer 😅

  • @julianarosato2705
    @julianarosato2705 10 หลายเดือนก่อน

    Thanks! love your tutorials!

    • @FluxAcademy
      @FluxAcademy  10 หลายเดือนก่อน

      Glad you like them!

  • @1111Charithya
    @1111Charithya หลายเดือนก่อน

    Thank you so much sir!

  • @framer.university
    @framer.university ปีที่แล้ว

    Great tutorial!

  • @davidju98
    @davidju98 ปีที่แล้ว +1

    Is there any usecase in which you prefer framer over webflow?

  • @_aaaadam
    @_aaaadam ปีที่แล้ว

    best tutorial for framer tks!!

  • @ducksquidbat8315
    @ducksquidbat8315 ปีที่แล้ว +59

    now make it responsive - see you in week

    • @marcus3995
      @marcus3995 หลายเดือนก่อน +4

      wdym? Add breakpoints and tweak positioning a little bit.

  • @munchieyogi
    @munchieyogi 2 หลายเดือนก่อน

    Great video. Where do we find the "Spply"? Is it available on the free version?

  • @iajhy
    @iajhy 9 หลายเดือนก่อน

    Thanks for the content! What is your strategy to prototyping with Framer nowadays? I think they could add a toggle to web and prototyping version. I really miss it, lot of people miss it.

  • @adevikthur
    @adevikthur ปีที่แล้ว

    Let's Gooo! 💪🏽🔥

  • @N1t_in
    @N1t_in ปีที่แล้ว

    MORE TUTORIALS ON FRAMERRRRRRRRR!!!!!!!!!!

  • @capitandelnorte
    @capitandelnorte 3 หลายเดือนก่อน

    where is exactly the second part of this tutorial. I really want to build the rest of the site.