Webflow Labs introduces the Figma to Webflow plugin

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

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

  • @Devwithnathan
    @Devwithnathan 5 หลายเดือนก่อน +10

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

  • @chaosplan
    @chaosplan ปีที่แล้ว +302

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

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

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

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

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

    • @vzx13
      @vzx13 ปีที่แล้ว +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 ปีที่แล้ว

      Figma Auto Layout is the way 🧘🏽‍♀️

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

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

  • @anfisign
    @anfisign ปีที่แล้ว +209

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

  • @da47934
    @da47934 ปีที่แล้ว +21

    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.

  • @user-or7om6je3k
    @user-or7om6je3k ปีที่แล้ว +4

    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.

  • @brunoescoto9630
    @brunoescoto9630 ปีที่แล้ว +21

    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

  • @StevenShoaf
    @StevenShoaf ปีที่แล้ว +13

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

  • @jeremydennis6908
    @jeremydennis6908 ปีที่แล้ว +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!

  • @Julie-mi1dz
    @Julie-mi1dz ปีที่แล้ว +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

  • @richardbastow6295
    @richardbastow6295 ปีที่แล้ว +76

    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 ปีที่แล้ว

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

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

      @@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 ปีที่แล้ว +1

      Their Ux designers used their experinces well

    • @LorettaBangBang
      @LorettaBangBang ปีที่แล้ว +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)

  • @atb0007
    @atb0007 ปีที่แล้ว +38

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

  • @ozordiprince9405
    @ozordiprince9405 ปีที่แล้ว +15

    This is going to change everything

  • @taiworufuscovenant8009
    @taiworufuscovenant8009 ปีที่แล้ว +18

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

  • @marc5540
    @marc5540 ปีที่แล้ว +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 ปีที่แล้ว

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

  • @mt.bikeher270
    @mt.bikeher270 21 วันที่ผ่านมา

    I want you, and your sense of humor, to teach me everything, every day.

  • @ShayneCuffy
    @ShayneCuffy ปีที่แล้ว +38

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

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

      Can you explain it like I’m 5?

    • @zekevictor
      @zekevictor ปีที่แล้ว +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?

  • @KabbaModern03
    @KabbaModern03 ปีที่แล้ว +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! 🙌

  • @LukasNiebel
    @LukasNiebel ปีที่แล้ว +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. 😄

  • @inkmanworkshop
    @inkmanworkshop ปีที่แล้ว +6

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

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

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

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

    I love this guy's teaching style

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

    Can't wait to try this new plugin out!

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

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

  • @jkl.guitar
    @jkl.guitar ปีที่แล้ว +5

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

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

    really appreciate the subtle comedy in this tutorial

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

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

  • @staticmotion1628
    @staticmotion1628 ปีที่แล้ว +6

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

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

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

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

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

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

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

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

    This is better than I expected

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

    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 :)

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

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

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

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

  • @MubarakMarafa
    @MubarakMarafa ปีที่แล้ว +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! 🤯

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

    You guys always do it right. This is huge.

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

    huge addition. will be a game changer in the space

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

    omg webflow just changed my life with this one

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

    Holy cow this is incredible!

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

    No way! This is incredible

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

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

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

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

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

    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!

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

    This is game-changing!

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

    Next level 🔥

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

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

  • @lukebonnici5627
    @lukebonnici5627 ปีที่แล้ว +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!!

  • @belmont1884
    @belmont1884 ปีที่แล้ว +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. 👍

  • @jadersoncavalcante9731
    @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.

  • @omeirooo5195
    @omeirooo5195 ปีที่แล้ว +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!

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

    How is no one commenting on how hilarious this tutorial is

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

    Figma and Webflow the best duo.

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

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

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

    Miss this Guy

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

    it gives me chills, thank you

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

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

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

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

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

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

  • @the-secrettutorials
    @the-secrettutorials ปีที่แล้ว

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

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

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

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

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

  • @georgy.design
    @georgy.design ปีที่แล้ว

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

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

    Amazing to see McGuire explaining magnificently.

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

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

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

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

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

    And the new era officially begin

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

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

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

    Awesome vid, love the dry humour, blockbuster lol

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

    This is amazing!!!! Thank you!

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

    Let's goooo! ❤️😍

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

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

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

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

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

    Ohhh my gooooooodnesss, that's a massive thing

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

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

  • @hooda.akshay
    @hooda.akshay ปีที่แล้ว

    YOU are epitome of AWESOMENESSS

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

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

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

    Game changer!!!

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

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

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

    Top tier humor, video, and plugin 👌

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

    You made my HomePod play "Style It" 😅

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

    So exciting! This is a game changer.

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

    All I need now is a Figma designer 😊

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

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

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

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

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

    Excellent teaching

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

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

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

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

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

    When he said Hey Siri she responded word for word with what she was saying in the video. It was .05 seconds delayed so had this Siri echo thing going on. Hysterical

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

    Finally i can design my own new years eve ball!

  • @AmyLiu-q8h
    @AmyLiu-q8h ปีที่แล้ว

    This. is. AMAZING 🔥

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

    very impressive tool. Some might say its a.....GAME CHANGER

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

    I'm going to have to take a week off work to learn all this.

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

    How does the navbar know to use the hamburger icon? Can't spot the element in Figma, but it somehow works ...

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

      The Webflow navbar component already has the necessary javascript and hamburger icon SVG in it. You can learn more about it here: university.webflow.com/lesson/navbar

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

    How did you get that layout at 5:32

  • @MohanaKumar-xy5xm
    @MohanaKumar-xy5xm 11 หลายเดือนก่อน

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

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

    Trutfhully game changer. Imagine if you combine this with Studio tokens... BOOM

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

    Will it effect manual development Don't you think it will replace webflow developer?

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

    How awesome! Thank you so much!!!

  • @alexandrubulgaru5475
    @alexandrubulgaru5475 9 วันที่ผ่านมา

    What happens to the components with variants and transition animation? Anyway, very good stuff

  • @peter.dimitrov
    @peter.dimitrov ปีที่แล้ว +1

    That’s incredible!

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

    Absolute legends! 🔥