Webflow Labs introduces the Figma to Webflow plugin

Sdílet
Vložit
  • čas přidán 24. 07. 2024

Komentáře • 298

  • @anfisign
    @anfisign Před rokem +195

    FINALLY.
    The moment when using auto-layouts for everything and naming layers pays off!

  • @chaosplan
    @chaosplan Před rokem +291

    For Figma pros who do everything with auto layout this is a game changer.

    • @aleksandarstamenkovic9641
      @aleksandarstamenkovic9641 Před rokem

      Bro can I somehow make classic design into full auto layout?

    • @enrico7237
      @enrico7237 Před rokem +7

      @@aleksandarstamenkovic9641 yes man, you need to redo the layout with a logic with autolayout

    • @vzx13
      @vzx13 Před rokem +1

      @@aleksandarstamenkovic9641 select the components, shoot shift + A. done. Just make sure you implement the right structure for all the components on the page.

    • @gxramirez
      @gxramirez Před rokem

      Figma Auto Layout is the way 🧘🏽‍♀️

    • @GotMyTowel42
      @GotMyTowel42 Před rokem

      @@gxramirezwhy is it the way? what makes it so special?

  • @jeremydennis6908
    @jeremydennis6908 Před rokem +10

    This is huge. I already designed and named all layers in Figma and have been redesigning it in Webflow. This is going to save me so much time!

  • @user-or7om6je3k
    @user-or7om6je3k Před 8 měsíci +2

    I have never seen a company that is so authentic and gets what the user needs in terms of short introduction tutorials. You have the best video tutorials - short and simple and focused on the important bits. I also like the slapstick jokes.

  • @da47934
    @da47934 Před rokem +16

    I'm kind of not kidding when I say that the humor in this video is half the reason I'm going to give Webflow another shot.

  • @LukasNiebel
    @LukasNiebel Před rokem +7

    Wow this is huge! Thanks Webflow team, this is such an amazing plug in.
    Also did anyone else notice, how hard McGuire was trying not to laugh at 6:02? Kudos to you sir for staying in character, that was gold. 😄

  • @brunoescoto9630
    @brunoescoto9630 Před rokem +19

    I love Webflow university. You explain sooo good and they are entretaining to watch. Imagine if all the companies put a bit of effort in explaining their products. we wouldn´t need those paid courses anymore. Thanks again

  • @atb0007
    @atb0007 Před rokem +34

    Probably dont need to learn Framer now. Thank you Webflow.

  • @taiworufuscovenant8009
    @taiworufuscovenant8009 Před rokem +18

    Wow! Just wow! This is just wow!!! 😱 I love Webflow. ❤️ And the way Figma and Webflow works together makes sense.

  • @Julie-mi1dz
    @Julie-mi1dz Před rokem +9

    God I love it here. I always used to painstakingly pre-design everything in Figma before trying to replicate it in Webflow. This is going to save me so much time and effort. Thank you Webflow Team

  • @StevenShoaf
    @StevenShoaf Před rokem +11

    this is why competition is good! Framer put some pressure on webflow and they delivered. Amazing!

  • @ozordiprince9405
    @ozordiprince9405 Před rokem +14

    This is going to change everything

  • @KabbaModern03
    @KabbaModern03 Před rokem +15

    I do a lot of bespoke web designs, but with this I can stay in Webflow without using other website builders for simple website designs! 🙌

  • @richardbastow6295
    @richardbastow6295 Před rokem +74

    I very rarely comment on these videos, but Webflow is so far ahead of the curve in terms of innovation it’s crazy & these videos are absolutely top notch - the perfect blend of truly informative content & brilliant humour. Webflow you rock & my fellow Webflow-ers…you rock too.

    • @mungos1234
      @mungos1234 Před rokem

      Can i start learning webflow immediately, or should i start with figma?

    • @robertocoladomenico5426
      @robertocoladomenico5426 Před rokem

      @@mungos1234 In webflow you learn how to develop a design, in figma you learn how to do a design to develop. What do you want to be able of?

    • @kyonas6047
      @kyonas6047 Před rokem +1

      Their Ux designers used their experinces well

    • @LorettaBangBang
      @LorettaBangBang Před rokem +1

      @@mungos1234 there is no right answer. depends on so many things. if you value design for example, starting off experimentation in a design tool instead of jumping right into the builder tool is crucial. then again I know people who make good money building straight from webflow (they dont value good design, just money and effiicency)

  • @ShayneCuffy
    @ShayneCuffy Před rokem +38

    🤯 Wow! Can’t wait to give this a try. Auto layout has the same properties as flexbox, brilliant!

    • @kuryo193
      @kuryo193 Před rokem +1

      Can you explain it like I’m 5?

    • @zekevictor
      @zekevictor Před rokem +2

      So flex box is like a special dinosaur that knows how to present toys (Internet content) to kids everywhere in a fun, easy to use way. Also he does so in a way that’s easier for kids to come in later and change certain parts of the presentation like if you have a different favorite color and want you toy to be that color instead!
      So Boxasaurus Flex (B Flex) is a smart and useful dinosaur, but also he’s actually female-he just insists that everyone use traditionally masculine/neuter pronouns (those are other dinosaurs we’ll talk about some other time) because he’s a little rascal who likes to confuse youngsters like you; we’ll talk about Internet trolls another time, just don’t get caught up in the he/she stuff too much on the Internet, OK son? Moving on…
      It just so happens that there’s another very smart and useful dinosaur called Figma Auto Layout (F.A.L.), also known as Fallosaur (pronounced like “Fallus Sore”). He’s extra smart with toy presentation because he is aware of B Flex and Flex’s popularity, so FAL makes it even easier for kids to adjust their toy presentations by imitating B Flex’s “interface” (how you talk to him) so that kids already familiar with B Flex will automatically be familiar with FAL.
      Isn’t that neat?

  • @MoritzFischer
    @MoritzFischer Před rokem +1

    This is so amazing!!! Seems so simple, but this a complete game changer. Thank you Webflow. You guys are amazing.

  • @marc5540
    @marc5540 Před rokem +5

    Am I the only one who freaking loves this guy's explanations and how he teaches? he is so funny and at the same time clear!!!

    • @WildWildFashion
      @WildWildFashion Před rokem

      Absolutely hahah He makes it so fun to learn! He' got Ryan Reynolds energy with the jokes!

  • @aplacecalledspace2473
    @aplacecalledspace2473 Před rokem +1

    This is AWESOME. Keep up the good work Webflow Labs Team, we appreciate it!

  • @jadersoncavalcante9731

    You helped me a lot with this video, I'm migrating from an area and as much as I have achieved qualification in the area, there is always a lack of direction on what to do and how to do it, I hope you grow a lot as an ux so you can continue helping more people, gratitude by that light.

  • @nicolaspettini3143
    @nicolaspettini3143 Před rokem +3

    Can't wait to try this new plugin out!

  • @inkmanworkshop
    @inkmanworkshop Před rokem +6

    Just tried it out. It's mind-blowing! GREAT WORK

  • @AidilGoh
    @AidilGoh Před rokem +1

    Cant wait to put this into our workflow. Thanks Webflow team!

  • @jkl.guitar
    @jkl.guitar Před rokem +5

    dang should waited another week before i started building my site lol, awesome job webflow team!! You will always be the best!

  • @someone5502
    @someone5502 Před rokem +5

    This is a real game changer, thank you for the hard work

  • @marwinthedja5450
    @marwinthedja5450 Před rokem

    WOW! I always design in Figma first and then recreate my designs in Webflow. This has the potential to save me a ton of work!

  • @belmont1884
    @belmont1884 Před rokem +2

    Had a quick look earlier. It could be a game changer regarding the time it takes to get your designs into a developed website. 👍

  • @LaithWallace
    @LaithWallace Před rokem +1

    Its amazing to see that you have built this. Such a great plugin.

  • @lukebonnici5627
    @lukebonnici5627 Před rokem +2

    So happy to see McGuire again! It would be super handy if images could be automatically compressed upon upload too. Would save so much time!!

  • @TaskSwitcherify
    @TaskSwitcherify Před 9 měsíci

    Teacher of the year award, great presentation / tutorial! 🙂

  • @jasonoliveira2149
    @jasonoliveira2149 Před rokem +3

    You guys always do it right. This is huge.

  • @loudaprile471
    @loudaprile471 Před 10 měsíci

    really appreciate the subtle comedy in this tutorial

  • @jaimelomelin2055
    @jaimelomelin2055 Před rokem +1

    Awesome this is HUGE! I am super excited about this! game changer forever, the missing part.

  • @keeganwarrington6655
    @keeganwarrington6655 Před rokem +2

    I love this guy's teaching style

  • @eccentricity9697
    @eccentricity9697 Před rokem +2

    This is CRAAAZZZYYYYYY! The amount of time we’ll be saving is a huge money maker

  • @tiopiraemmerson2086
    @tiopiraemmerson2086 Před 7 dny

    information:10/10
    Delivery:10/10
    Entertainment:1000/10

  • @voyageurdesign
    @voyageurdesign Před rokem +1

    huge addition. will be a game changer in the space

  • @MubarakMarafa
    @MubarakMarafa Před rokem +4

    This has HUGE implementations... I imagine one day there will be webflow ready templated in Figma. You can just give it to your client and allow them to change and add and customise. You can then package it up, clean it and then copy paste the designs to webflow! 🤯

  • @MrMusiciluv17
    @MrMusiciluv17 Před rokem

    the knowledge was expected but the chuckles were not hahaha. excellent quick guide. thanks.

  • @babayanos
    @babayanos Před rokem

    omg webflow just changed my life with this one

  • @staticmotion1628
    @staticmotion1628 Před rokem +6

    you guys are AMAZING THANK YOU THANK YOU this made my year lol love you webflow

  • @grantboufford5186
    @grantboufford5186 Před rokem +3

    2:39 I’m so excited/hopeful for when @Finsweet ‘s client first gets integrated!

  • @thechronicgrump3906
    @thechronicgrump3906 Před rokem +1

    This is better than I expected

  • @ridwanmaruf1374
    @ridwanmaruf1374 Před rokem +1

    This is mindblowing 🔥🔥Thank you Webflow once again.😅

  • @ryangreenhalgh2572
    @ryangreenhalgh2572 Před 7 měsíci

    So excited to test out this plugin!! Also, I love how witty this narrator is. He feels like and looks like a tech tutorial version of Pete Holmes the comedian :)

  • @omeirooo5195
    @omeirooo5195 Před rokem +5

    I dont think im gonna use this for building pages for now, but this will be great to imports styled UI elements and components for sure!

  • @shreyasjwebflow1639
    @shreyasjwebflow1639 Před rokem +2

    This is game-changing!

  • @georgy.design
    @georgy.design Před rokem

    This is a game-changer, facts 🚀
    Gotta read the docs 🧑🏻‍💻

  • @Nomeh_
    @Nomeh_ Před rokem +1

    Aaaaamazing!!!...I cant wait to try this out.

  • @MohamadSalmanAlfarisi

    Already tried it out with auto layout. It's mind-blowing!

  • @youcefwippert
    @youcefwippert Před rokem +4

    No way! This is incredible

  • @shereedillon743
    @shereedillon743 Před rokem +1

    I'm going to be using this on my next project fo sho!

  • @florisvandriel5673
    @florisvandriel5673 Před rokem +1

    This is amazing!!! What would be supercool if interactions on nested components in Figma (for example button hovers) could be copied over as well

  • @screengraphy
    @screengraphy Před rokem +5

    Holy cow this is incredible!

  • @RoeyAlfa
    @RoeyAlfa Před rokem

    I just can't hold back my excitment! I feel like screeming from joy😍😍😍

    • @RoeyAlfa
      @RoeyAlfa Před rokem

      Also I looked everywhere for grimur's template and couldnt find it

  • @ludakravica
    @ludakravica Před rokem

    freaking insane! Please don't get bought out by some huge corporation and keep on the good work! :)

  • @shahriartanvir977
    @shahriartanvir977 Před rokem

    Oh, man! I just remembered learning to design UI in photoshop back in the early 2010s. And PSD to HTML was a thing.

  • @zairabbas
    @zairabbas Před rokem

    Wow. This is great. Something i have been thinking of!

  • @johnsijayasingh5385
    @johnsijayasingh5385 Před rokem +1

    This is amazing!!!! Thank you!

  • @DanBorgia
    @DanBorgia Před rokem

    Now all we need is HTML to Webflow and all my dreams would have come true!

  • @YuriShevchouk
    @YuriShevchouk Před rokem

    Awesome vid, love the dry humour, blockbuster lol

  • @Thingwithlegs
    @Thingwithlegs Před 10 měsíci

    The best thing about these videos is that they don't use overly-used techbros language like "leverage" and "boost".. such a damn relief!

  • @Russakrime
    @Russakrime Před rokem +1

    Holy shit! this is great. Can't wait to try it out

  • @TheTiiatia
    @TheTiiatia Před rokem

    How awesome! Thank you so much!!!

  • @mohammadakram7067
    @mohammadakram7067 Před rokem +5

    Framer: We are Better then Webflow
    Webflow: Hold My Beer

  • @otterguyty
    @otterguyty Před rokem

    Top tier humor, video, and plugin 👌

  • @polytor4
    @polytor4 Před rokem +5

    Next level 🔥

  • @MorganCrockett
    @MorganCrockett Před rokem

    So exciting! This is a game changer.

  • @the-secrettutorials
    @the-secrettutorials Před rokem

    Man I'm glad to see this face back! Even more with such great news 🤯🤯🤯

  • @CasinoOne
    @CasinoOne Před rokem

    Finally i can design my own new years eve ball!

  • @megabiggs
    @megabiggs Před rokem

    this makes me want to revisit my website!! holy crap

  • @fexgib2842
    @fexgib2842 Před rokem

    Figma and Webflow the best duo.

  • @peter.dimitrov
    @peter.dimitrov Před rokem +1

    That’s incredible!

  • @maxbrych7354
    @maxbrych7354 Před rokem

    just learned coding my own websites but you guys make me stick to webflow hahaha

  • @TheWebMad
    @TheWebMad Před rokem +1

    Miss this Guy

  • @altonpeques
    @altonpeques Před rokem

    Amazing update! Imagine the day when Siri can actually style the navbar 😂

  • @Sponsi_PL
    @Sponsi_PL Před 9 měsíci

    Awesome, thank you!!!!

  • @revelationculture
    @revelationculture Před 7 měsíci

    Excellent teaching

  • @RenatoEsquarcit
    @RenatoEsquarcit Před rokem +1

    Ohhh my gooooooodnesss, that's a massive thing

  • @byrockstarempire
    @byrockstarempire Před rokem

    You made my HomePod play "Style It" 😅

  • @hirambroemme8591
    @hirambroemme8591 Před rokem

    Unbelievable amazing! Do you guys think a plugin like this will come for Sketch aswell?

  • @hooda.akshay
    @hooda.akshay Před rokem

    YOU are epitome of AWESOMENESSS

  • @christianachleitner9439

    I just love and enjoy the dry jokes in the webflow videos.

  • @Waqas4hmed
    @Waqas4hmed Před rokem +3

    Amazing to see McGuire explaining magnificently.

  • @MohanaKumar-xy5xm
    @MohanaKumar-xy5xm Před 6 měsíci

    We can also do the autolayout after the completion the design right? Or is it mandatory to do it first then to design!?

  • @tonyK_72
    @tonyK_72 Před rokem

    Awesome. I love the humour too.

  • @ucoan2457
    @ucoan2457 Před rokem

    And the new era officially begin

  • @oops4467
    @oops4467 Před rokem

    Outstanding . Love it

  • @vmartme
    @vmartme Před rokem

    Finaly!! Awesome :D

  • @darakhshankhanum7634
    @darakhshankhanum7634 Před rokem

    Amazing work and amazing plugin! i as a beginner awaiting it seriously ..But sir i have a question can i use this plugin directly without leaning css and html because these languages are very basic that i don't know.. Is there any need to learn these languages now.

  • @cybi2684
    @cybi2684 Před rokem

    Yehhaaa... he is back ! You are still the best.

  • @theocaron8120
    @theocaron8120 Před rokem

    Can we use a hover effect for a button directly in Figma and use it in Webflow ? Or i need to create him with Webflow ?

  • @KedarTalwadker
    @KedarTalwadker Před rokem +1

    Gamechanger! 🔥

  • @marlonstevenson2495
    @marlonstevenson2495 Před rokem

    How is no one commenting on how hilarious this tutorial is

  • @dragonflyjones5023
    @dragonflyjones5023 Před rokem +1

    Let's goooo! ❤️😍

  • @joyflobec
    @joyflobec Před rokem

    Absolute legends! 🔥

  • @ChrisEj_The_Broly
    @ChrisEj_The_Broly Před rokem

    This school is the real gist come on😎. Going to Webflow University 👨‍🎓

  • @user-qy3nz1yc8y
    @user-qy3nz1yc8y Před 11 měsíci

    This. is. AMAZING 🔥

  • @vlastimilslechta8927
    @vlastimilslechta8927 Před rokem

    All I need now is a Figma designer 😊

  • @johnjacobson7088
    @johnjacobson7088 Před rokem

    Wow, do interactions/animations built in Figma copy over to Webflow as well?

  • @JosiahDuenes
    @JosiahDuenes Před rokem

    I wonder how well this is going to work with something like client first!