Framer Update: Masking

Поделиться
HTML-код
  • Опубликовано: 29 янв 2025
  • The April Update brings Masking to Framer. Add masks to your layers with a single click, then customize using gradients and images. Stack multiple masks on top of one another to unlock new creative layouts. Framer supports alpha masking, luminance masking, and compositing with multiple masks. The possibilities are endless, and you can add masks to any type of layer, like images, videos, components, and more. For everything else that’s new, see our changelog here: framer.com/upd...
    🌞 Start for free: framer.link/yt
    📚 Learn more at: framer.link/yt...
    💎 Join the Community: framer.link/yt...
    🎉 Follow on X: framer.link/yt-x

Комментарии • 71

  • @DesignwithAsif
    @DesignwithAsif 9 месяцев назад +24

    A long waited feautre! ✨ Are all the devs Flash? The development team deserves a lot of credit. Supafast!

    • @josepdevillaret
      @josepdevillaret 9 месяцев назад +1

      The supafast gave me Figma feels

  • @krishnanshusharma8213
    @krishnanshusharma8213 9 месяцев назад +11

    I was just trying to figure this out in the morning, you guys made my day.

  • @mizunanoctis
    @mizunanoctis Месяц назад

    COME ON what a beauty, thank you SO MUCH FOR THIS!

  • @samuel-tome
    @samuel-tome 9 месяцев назад +4

    These videos are so well edited, it's crazy 🔥 I love the branding as well

  • @thetimgale
    @thetimgale 3 месяца назад

    Exactly what I needed this morning, thank you! 🙏

  • @laboriefabien
    @laboriefabien 9 месяцев назад +2

    Keep them coming!!! Framer gave me the possibility of doing what I dreamt about for years! ❤

  • @fiflope
    @fiflope 9 месяцев назад +3

    We love u! kudos to the dev team!

  • @KayRims
    @KayRims 9 месяцев назад +1

    I literally posted a support ticket yesterday asking how we achieve gradient blurs without masking, just to wake up to this. Let's gooo!!!

  • @TiagoRosado
    @TiagoRosado 9 месяцев назад +2

    This is awesome 🎉 it unlocks so many opportunities

  • @jasonkwilliamson
    @jasonkwilliamson 9 месяцев назад +1

    Best website tool on the planet and nobody even comes close!

  • @syampremachandran5069
    @syampremachandran5069 9 месяцев назад

    Thanks a lot for this framer team ❤

  • @CoilFYZX
    @CoilFYZX 9 месяцев назад +2

    I’m telling you! You guys are amazing!

  • @asim.antule
    @asim.antule 9 месяцев назад

    Most Awaited!!! Great Job.

  • @JoshuaRobertsCreates
    @JoshuaRobertsCreates 9 месяцев назад

    Yessssssss the lack of masking has been such a pain for me, this is a HUGE unlock!

  • @2x2_happy
    @2x2_happy 9 месяцев назад +1

    long waited feautre!

  • @johann-space
    @johann-space 9 месяцев назад +1

    You guys are legendary

  • @See_thru_it_all
    @See_thru_it_all 9 месяцев назад +1

    THEY DID IT AGAIN!!! 👏 🥳🎉

  • @johnfritztibay4109
    @johnfritztibay4109 9 месяцев назад

    The power of team work!

  • @mikethetruth
    @mikethetruth 9 месяцев назад

    I freaking love you guys!

  • @jonathonandrews217
    @jonathonandrews217 9 месяцев назад +1

    I love you Framer!

  • @sahilaelc3626
    @sahilaelc3626 6 месяцев назад +1

    👋Hi, thank you for all these useful tutorials! If I well understood, mowing a mask freely besides the position options is not possible? thank you 🙏🏽

  • @Shafranlive
    @Shafranlive 9 месяцев назад +1

    One of the best update thank you banjamin

    • @Framer
      @Framer  9 месяцев назад

      You're welcome

  • @vision3690
    @vision3690 9 месяцев назад +1

    I was dreaming about this feature ❤❤

  • @motaki79
    @motaki79 9 месяцев назад

    an update I absolutely welcome. brava.

  • @Trazynn
    @Trazynn 9 месяцев назад

    One feature I would love to see is a 'was this page helpful to you?' mini-survey where users can leave positive or negative feedback for each section (not just page, but section) they're on.

  • @GOKU019
    @GOKU019 9 месяцев назад

    Awesome ✨✨

  • @mt000mp
    @mt000mp 9 месяцев назад +4

    an SVG morphing mask animation through variant would be nice...

  • @fandydiadline
    @fandydiadline 9 месяцев назад

    Benjamin has become my new favorite person.

  • @Geniusproduction
    @Geniusproduction 9 месяцев назад

    This is very good!

  • @robbeverhoest406
    @robbeverhoest406 8 месяцев назад

    Awesome feature! Will you be making a remix file available of this demo? 🙌🏻

  • @JustanAutor
    @JustanAutor 5 месяцев назад

    How do I get the mask option to open in Framer? I have added an svg which I created in Figma. But I can seem to get the mask option?

  • @alexlimadsgn
    @alexlimadsgn 9 месяцев назад

    OMG. Insane!

  • @gingerelvis
    @gingerelvis 9 месяцев назад

    Yo this is a huge improvement! Would Lottie luminance masks be a feature that we could see in the future please? I feel like this would get around the issue of browser compatibility issues with animated masks and be fully scalable.

  • @rodrigoaquije2534
    @rodrigoaquije2534 9 месяцев назад +3

    wtf this is super useful

  • @guapshonen
    @guapshonen 3 месяца назад

    Is it possible to get this project file @framer ? Learning masks but it’s kicking my butt

  • @Disent0101
    @Disent0101 4 месяца назад

    Ok, so in order to use a conic fill gradient on my icon, I needed to create a frame in framer with the conic gradient fill, than import my SVG icon as an image mask because i cant just apply a conic gradient fill to my icon...it works, but shouldn't take so many steps, why cant we apply conic gradient fills to imported SVGs?

  • @user-zs8ip8it6p
    @user-zs8ip8it6p 9 месяцев назад +1

    🔥🔥🔥

  • @plavius12
    @plavius12 9 месяцев назад

    Is it possible to access this demo file?

  • @rumorscameras
    @rumorscameras 2 месяца назад

    we need a way to animate overflow visible hidden,

  • @SushantPaudel-hz2kg
    @SushantPaudel-hz2kg 9 месяцев назад

    its great 🔥

  • @ErikFrits
    @ErikFrits 9 месяцев назад +1

    🚀🚀🚀🚀🚀

  • @JamiltonMacedo
    @JamiltonMacedo 9 месяцев назад

    I didn't get how he made that gradient blur

  • @mahbubalam7361
    @mahbubalam7361 9 месяцев назад

    Yeah! Now playing will more enjoyable. Great!

  • @ShayneCuffy
    @ShayneCuffy 9 месяцев назад

    🤯👏🏾👏🏾👏🏾👏🏾👏🏾

  • @matiasfernandez8296
    @matiasfernandez8296 9 месяцев назад +1

    Nice

  • @Mizko
    @Mizko 9 месяцев назад

    Annada wun ☝

  • @made_by_eiji
    @made_by_eiji 9 месяцев назад +1

    ❤❤

  • @mae2309
    @mae2309 9 месяцев назад +1

    any good frame courses. I have chosen what software I want to learn now.. it was between. webflow, wix studio or frame.. I think frames has won me over... time to learn. cheers mate. keep up the amazign work

  • @chacochan-jv9md
    @chacochan-jv9md 9 месяцев назад

    What app is this? 😊

    • @Framer
      @Framer  9 месяцев назад

      framer.com/

  • @macielele8536
    @macielele8536 9 месяцев назад

    Super deal, but still, I pray that you add the ability to create custom forms + checkout page

  • @motaki79
    @motaki79 9 месяцев назад

    When will you be adding the ability to switch between projects for pro accounts without the need to write a ticket?

  • @mohammedashour6176
    @mohammedashour6176 9 месяцев назад

    No text masking ?😥😥

    • @Framer
      @Framer  9 месяцев назад +2

      In the works!

    • @mohammedashour6176
      @mohammedashour6176 9 месяцев назад

      @@Framer 🤩🤩

    • @Framer
      @Framer  9 месяцев назад +3

      @@mohammedashour6176 Out now!

  • @framerwme
    @framerwme 9 месяцев назад

    Lesssgooooow

  • @hoakhanhnguyen5812
    @hoakhanhnguyen5812 6 месяцев назад

    I cannot use a mask, may it has something bug 🙃

  • @akhenatontubba9950
    @akhenatontubba9950 9 месяцев назад

    manuel olarak ingilizce altyazı eklediğiniz takdirde otomatik çeviri ile başka dillerde altyazılı olarak ingilizce bilmeyenler kendi dillerinde anlayarak videolarınızı izleyebilir

  • @feelcollins4358
    @feelcollins4358 7 месяцев назад

    image masks dont work

  • @MACH_SDQ
    @MACH_SDQ 9 месяцев назад +1

    Fucking gooooood

  • @منوعاتالعراقيه-ق9ع
    @منوعاتالعراقيه-ق9ع 6 месяцев назад

    اشلون افعل أرباح

  • @jerzyzareba551
    @jerzyzareba551 9 месяцев назад

    No way!!!

  • @kinoomalta
    @kinoomalta 9 месяцев назад +1

    TBH this was not really needed. At this point Framer is focusing more on design rather than essential web design elements e.g. improving CMS and giving us responsive carousels with option to atleast change variants for different breakpoints.

    • @KayRims
      @KayRims 9 месяцев назад +1

      They will come eventually, this is a step in the right direction and shows that the devs are working hard on the project, no?

    • @gingerelvis
      @gingerelvis 9 месяцев назад +1

      I disagree that this wasn't needed, coming from a design background rather than a dev background all of these little visual improvements are great, they make the transition from concept to creation so much easier when you are used to working in design applications. I agree that more web focused improvements are needed but the speed that Framer is progressing is insane especially when you are used to the glacial pace of Adobe.

  • @O.O-eyesopen
    @O.O-eyesopen 8 месяцев назад

    this guys voice is annoying