The top 5 Framer features that you should know

Поділитися
Вставка
  • Опубліковано 2 чер 2024
  • Discover the top 5 features of Framer that convinced. We'll guide you through using Stacks, Components, Variants and States, Animations, Responsive visible breakpoints, and starting from a template for easy customization. Plus, we've included a bonus feature: the new custom cursor! Whether you're a seasoned Framer user or just starting out, this video is packed with tips to help you get the most out of this powerful UI design tool.... Remember to Subscribe goo.gl/6vCw64
    Try out Framer: framer.link/jesse
    Promo Code: FRAMER25INFLUENCER
    ------------------------------------------------------------------------------------
    🤝 //////////// 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 Prototype Magic in ProtoPie
    www.protopie.io/plans?ref=jesse
    🖥️ ////////// I Build websites in Framer
    framer.link/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...

КОМЕНТАРІ • 82

  • @made-by-fabio
    @made-by-fabio 3 місяці тому +13

    Totally agree with you. Fell in love with Framer 8 months ago and I can't get enough of it. I still use and love Webflow. But Framer is just different :)

  • @GinaMaher_
    @GinaMaher_ 3 місяці тому +3

    Also just a note - I love when something is built for designers it often looks super dumbed down like big buttons? yep that is for me! ow light grey workspace yes please, san serifssss.

  • @ShayneCuffy
    @ShayneCuffy 3 місяці тому +6

    👋🏾Jesse, great to hear how positive you are about Framer. I'm moving all my clients and site projects to Framer over the next few weeks and this will be a core building platform. Webflow got me here (so much respect for them) and now Framer will get me there. Exciting timers, we all need to jump in - Play, Build & Launch 🚀

    • @JesseShowalter
      @JesseShowalter  2 місяці тому +2

      That is awesome!

    • @wfwfwfwfwfwf
      @wfwfwfwfwfwf Місяць тому +1

      Shane just out of curiousity, are you rebuilding all the sites of your clients in Framer? And will you be able to bill the client for this? Only answer if you'd like to share more, it's a general question from me. I've been building in Webflow for two years now, and would've built a few client sites different by now, but obviously don't want to rebuild them for free, and they're not broken so I can't imagine my client would like to pay for this, or am I wrong in this one? Other people can answer too if they like to chip in. All the best, keep on playing, building and launching!

  • @jaywalker.
    @jaywalker. 3 місяці тому +5

    Really great walkthrough, thanks! Would love more Framer content from you. Maybe a page build or some nested components, timed and tabbed carousels, some animation ideas?

  • @creatoratplay
    @creatoratplay 3 місяці тому +1

    Great video; thanks!! Been enjoying Framer!

  • @jswanson859
    @jswanson859 3 місяці тому +3

    I love Framer and used it to build my portfolio website last year. The customization features are so good too. Being able to see the breakpoints for all the sizes is so important and they make it so easy. I'm a big fan. Also, great RB hat.

  • @whoandwhatdesign
    @whoandwhatdesign 3 місяці тому +1

    Framer’s the best, thanks for this awesome review of some of the key highlights!

  • @pichipurinsesu
    @pichipurinsesu 3 місяці тому +1

    This video couldn't have come at a batter time. I've just jumped over to Framer and so far I'm liking it. Would love to know some good resources on how to grow in getting to use from it.

  • @vickypirker3462
    @vickypirker3462 3 місяці тому

    Thanks to your Autolayout live session last week, it helped me understand how to use stacks, and now I'm absolutely in love with Auto Layout and stacks. Framer is just the best and it saves me tons of time! e.g you can just copy and paste effects!!! 🤩

  • @brianlandis3057
    @brianlandis3057 2 місяці тому +1

    Just found out about Framer today. Love the overview that you gave on it and highlighting some of the salient that you like.

  • @FeelinErie
    @FeelinErie 3 місяці тому +8

    Oh my, now I'm conflicted. I've been working with Webflow for almost a year, yet I love how much Framer's interface resembles Figma (where I live).

    • @alexeytretina
      @alexeytretina 3 місяці тому +3

      I have the same feelings now 😕

    • @EmilyMarais
      @EmilyMarais 3 місяці тому +3

      I’ve just invested months into learning Webflow. This industry moves so quickly. I guess Webflow is still an incredible tool as well.

    • @JesseShowalter
      @JesseShowalter  3 місяці тому +2

      @EmilyMarais Webflow is still great, Framer is just more my style

    • @alexeytretina
      @alexeytretina 3 місяці тому

      @@JesseShowalter That's good :) But will try Framer anyways.

  • @GinaMaher_
    @GinaMaher_ 3 місяці тому +1

    Wow I did not want to learn webflow so this is amazing! Jesse, how long does your code last for? - might play around for free first.

  • @alexeytretina
    @alexeytretina 3 місяці тому

    That's very cool. Looks much simpler and faster than doing the same stuff in Webflow.

  • @JosephA.-lk5dl
    @JosephA.-lk5dl 3 місяці тому

    Thanks for the video, quite enlightening. One question though, does Framer actually have the ability to create all the animations that you can make in Webflow?

  • @LightsaberPanda
    @LightsaberPanda 3 місяці тому +2

    Framer is absolutely awesome, I only wish they had Relume integration like Webflow does.

  • @ThisDesignLife
    @ThisDesignLife 3 місяці тому +2

    If you have a blog heavy Wordpress site, can you take it all into Framer?

  • @Mark-ql5ni
    @Mark-ql5ni 3 місяці тому

    I notice your headline font is different when you play, it goes from sans to serif? I'm interested in Framer I've yet to dive in and learn it. It really comes down to the animations for me.

  • @piper3821
    @piper3821 3 місяці тому

    Jesse, is Framer no longer a prototyping tool where I could share a prototype link?

  • @Wizastudios
    @Wizastudios 3 місяці тому +1

    It's not a bad design tool for a website but I have issues with their pricing plans. When it comes to posts with the CMS feature. I feel it's limited if you want more than one database of CMS in a single project.

  • @cedricjavelle3833
    @cedricjavelle3833 2 місяці тому +1

    Nice video. What about things like : adding scripts in order to include let's say cookie app.
    Is it no code only or you can add some classes to place some tricks ?

  • @WadeMurley
    @WadeMurley 3 місяці тому

    What software do you use to record your screen for these videos?

  • @christiannavarro1154
    @christiannavarro1154 3 місяці тому +2

    The best tool in my mind is a mix of Figma’s flexibility and Wix Studio’s ease of use. 🎉 this looks like it might be the one.

  • @fergotzv
    @fergotzv 3 місяці тому

    Where can I find the template you used for this video? I can't find it as "Retask"

  • @David-Fry
    @David-Fry 3 місяці тому

    What font does Jesse uses in his design?

  • @souandremoura
    @souandremoura Місяць тому

    I just loving Framer. But I have some doubts about responsive components. Example, I have a Hero section and this component has so many variant only desktop mode. The question is, how to become in Tablet and mobile version?

  • @bl7937
    @bl7937 3 місяці тому +2

    So, I code sites myself. However, I'm looking to start learning either Figma or Framer for JUST UI/UX design. Can someone please tell me which of the two would be best for my needs?

    • @ruphinahillary9555
      @ruphinahillary9555 3 місяці тому +1

      Figma.

    • @hollyhussle
      @hollyhussle 3 місяці тому +4

      Figma for a strong foundation, and basic knowledge in design fundamentals. Framer is like an extension of Figma, but it would be helpful to know and start getting acquainted with Figma. Most designers use Figma as their foundation. The two are almost interchangeable but it’s important to understand how to use Figma if you’re going to be sharing files, or collaborating with a team or other designers.

    • @OneBrighDay
      @OneBrighDay 3 місяці тому +2

      Just design definitely Figma. But if you code in React Framer will be a great tool because you can write custom React components.

    • @cryMoreLoL
      @cryMoreLoL 3 місяці тому +3

      Figma, this is the way.

  • @MetaArtisan
    @MetaArtisan Місяць тому

    i have been using figma and just started learning framer, my question is does framer has prototype, why cant i duplicate a desktop frame in the same page and run prototype?

  • @mae2309
    @mae2309 3 місяці тому

    okay. help me decide now.. Webflow or Framer.??? am a designer love designing. and I am learnign figma atm... but I want to jump into one of those two... which one could it be.?? helpp. thank you in advanced. cheers

    • @rigidhammer7376
      @rigidhammer7376 3 місяці тому +2

      focus on figma. there are upcoming updates on it

    • @mae2309
      @mae2309 3 місяці тому

      @@rigidhammer7376 but i want to publish my websites... Figma is just the prototype maker but I need to take my figma work to an actualy live website. which one to choose?

  • @AESTHETICMIND.
    @AESTHETICMIND. 3 місяці тому +1

    can u drop some framer tutorials soon?

  • @user-bf5lw4pv7o
    @user-bf5lw4pv7o 3 місяці тому

    hello sir you make a drop down video with hover only hover not use click in prototype thanks

  • @colinocarroll
    @colinocarroll 3 місяці тому +1

    Which would you recommend - wix studio or framer?

    • @EK_Designs
      @EK_Designs 3 місяці тому +1

      I've used Editor X before, and I'm excited to try out both the new Wix Studio (essentially Editor X 2.0) and Framer. Personally, I'm going to try Framer first for my website redesign because I have a feeling I'll get it done quicker in Framer than with Wix Studio (given how similar the UI is to Figma). I'm excited for both, though!
      Testing one after the other for the same website design that I have in Figma will hopefully give me a good feel for which tools I should use for certain projects!

    • @shakes8653
      @shakes8653 Місяць тому +1

      Having used Wix a lot, I'll say Framer is much better in my opinion.

    • @EK_Designs
      @EK_Designs Місяць тому

      @@shakes8653 Which have you been using? Wix Studio or Wix "Classic"?

  • @sepehrui
    @sepehrui 2 місяці тому +1

    I'm All in

    • @JesseShowalter
      @JesseShowalter  2 місяці тому +1

      We’re teaching about framer in my free community designchamps.io/

  • @skyhippy9964
    @skyhippy9964 3 місяці тому

    This looks like the answer for me... how is the accessibility of the published site?

  • @francescosanna6707
    @francescosanna6707 2 місяці тому

    Hi framer its magic! What template do you use in this viseo?

  • @me-yn1mn
    @me-yn1mn 3 місяці тому

    Just wanna let you know your referral link doesn't get highlighted by UA-cam

  • @waleedkh9769
    @waleedkh9769 2 місяці тому +1

    Should I move from Webflow to Framer?

    • @JesseShowalter
      @JesseShowalter  2 місяці тому

      That’s up to you but personally I have made the switch.

  • @CyberTechBits
    @CyberTechBits 2 місяці тому +1

    What about taking payments like from Stripe of GPay?

  • @mariokrstevski8836
    @mariokrstevski8836 3 місяці тому

    Have you ever tried to code? I'm curious

    • @JesseShowalter
      @JesseShowalter  3 місяці тому

      I was a front-end dev for many years. Watch old videos on my channel and you’ll see coding tutorials

  • @haxydraws
    @haxydraws 3 місяці тому

    [Figma, Framer, Spline] Revolutionizing the UI/UX Landscape. ( UIzard on the way...)

  • @sc2419
    @sc2419 5 днів тому

    Only thing I hate about Framer, is the localization pricing ... outrageous!

  • @peterjohansson739
    @peterjohansson739 3 місяці тому +2

    Framer is too expensive bruh.

    • @dannyquijano_
      @dannyquijano_ 3 місяці тому +4

      It’s cheaper than Webflow

    • @arunk2710
      @arunk2710 2 місяці тому +2

      Framer saves a lot of time. What's do you value more? Time or money?

  • @littleDoughie
    @littleDoughie 2 місяці тому +4

    Framer is to expensive if you need localization. 40 USD per month for one language and your limited to 50,000 words. Services like weglot cannot consisntely translate framer sites under subdirectories. Just an FYI

    • @JesseShowalter
      @JesseShowalter  2 місяці тому +1

      That’s a very specific need, don’t throw the baby out with the bath water

    • @littleDoughie
      @littleDoughie 2 місяці тому +4

      ​@@JesseShowalter Localization is fundamental in just about any country that isn't the united states.
      Something I'm sure the folks over at Framer are aware considering they're a company from the Netherlands.
      My (webflow based) firm has hundreds of clients and the only ones that dont ask for localization are Americans. Granted thats a massive market and framer is perfect for them.
      But still calling localization a "specific need" is just not accurate for most of the world.

  • @cerebralvision
    @cerebralvision 3 місяці тому

    Framer and Webflow are way too expensive.

    • @cryMoreLoL
      @cryMoreLoL 3 місяці тому +2

      Compared to what? Wordpress? Coding? You have to look at it differently and ask yourself what your time is worth. If your just building 1 website a year for your friends, it definitely doesn't make sense.

    • @cerebralvision
      @cerebralvision 3 місяці тому +2

      @@cryMoreLoL for me it's mostly the hosting costs and also being locked into an ecosystem. Framer and Webflow are great tools, I used them both, but I can't host anywhere else, so they can set whatever price they want. I typically try to keep build, hosting, and domains completely different from each other.

    • @cryMoreLoL
      @cryMoreLoL 3 місяці тому

      @@cerebralvision webflow lets you export your code and host it anywhere. However, hosting on webflow has its benefits too. Also, I never understood why people worry about hosting prices because 1. You, as a designer/developer aren’t paying for it 2. How is a business not able to afford $15-$25/month to host a website?

    • @DANNFIGDESIGNS
      @DANNFIGDESIGNS 2 місяці тому +1

      Webflow allows you to export your JavaScript, HTML, and CSS. I’m not familiar with Framer, but Imma bout to find out! It has me quite excited!

  • @znkdev
    @znkdev 3 місяці тому +1

    dude really made a video teaching how to use a figma clone.... 🤣🤣