Intro to Figma (Part 2 of 7) - Webflow University

Поділитися
Вставка
  • Опубліковано 20 січ 2025

КОМЕНТАРІ • 158

  • @harrygearty1159
    @harrygearty1159 3 роки тому +144

    Webflow consistently produce some of the best videos on the internet. Few walk the tightrope between informative and engaging better. It's a delight to watch this creative talent now being applied not just to Webflow but to design processes more generally. Hats off to the education team!

  • @nazzalbasem
    @nazzalbasem 3 роки тому +59

    Webflow = Unparalleled productive and most engaging content that exists
    Keep it up buddies

  • @marty9404
    @marty9404 2 роки тому +20

    These tutorials are so good, they bring a tear to my eye.
    Such effort by the Webflow team. Bravo!

    • @Webflow
      @Webflow  2 роки тому +2

      Glad you like them!

  • @MartynasKairys
    @MartynasKairys 3 роки тому +46

    Webflow should be teaching how to create engaging online educational videos other institutions/organizations. This should be as a separate business for them.
    It is just amazing how simple, down to earth, serious-funny those lessons are.
    They do not let you feel like you are being educated, but rather edutained by their quirks, weird mistakes, Grimmer's comments about tilting text and so on. They do those things on purpose and at the same time they teach us what Figma is capable of. 🥳🤓
    You learn a lot buy combining humour, education, serious tools and Webflow team's creativity. 👍

    • @michalguy
      @michalguy Рік тому

      Definitely! I'm afraid the first requirement to do tutorials the "Webflow way" is to be incredibly funny. Not sure if that's possible to teach 🥲

  • @mathias-ux
    @mathias-ux 2 роки тому +5

    Hahahahaha omg the frustration as the rainbow circle spins....Webflow content is legit #gold

  • @VoyagesJapan
    @VoyagesJapan Рік тому +1

    My gosh!! I chose webflow partly based on how much they really care about teaching how to get the best out of their product. I’m seriously astounded at the level of production quality and performance. Hands down my favorite tutorials to watch!!

  • @drewkantos
    @drewkantos Рік тому +2

    Oh god the humor in these is epic. PS: I use those same headphones for work! Noice!

  • @LanceHamright
    @LanceHamright 2 роки тому +3

    Yoooo!!!! This is better than a sitcom! Thank you for education and lots of laughs😂😂😂😂

  • @jmd489
    @jmd489 11 місяців тому

    Just started looking at WebFlow and every tutorial video is engaging and hilarious. The first minute of this one has me hooked already 😂

  • @aymenai
    @aymenai 2 роки тому

    forget about the incredible lesson , Sara's laugh is contagious , i loved it .

  • @insomn_ui
    @insomn_ui 3 роки тому +21

    As web designer student I'm so glad I can learn with those kind of videos 🤓
    Love your content 🔥

  • @saurabh_k_arya
    @saurabh_k_arya 2 роки тому +2

    That was by far the best educational video I've ever seen, I loved the story at the end

  • @mimosa_daddy
    @mimosa_daddy 2 роки тому +1

    I love the Bob Ross energy to this. You guys rock!

    • @Webflow
      @Webflow  2 роки тому

      So happy to hear you've enjoyed the lesson!
      “The secret to doing anything is believing that you can do it. Anything that you believe you can do strong enough, you can do. Anything. As long as you believe.”
      ― Bob Ross

  • @nelsondiaz5511
    @nelsondiaz5511 2 роки тому +7

    This is like my favorite design watch along, real fun vibes.

  • @shivendrapawar9618
    @shivendrapawar9618 2 роки тому +4

    You guys are amazing. This is the best course i ever saw on the internet. keep posting more stuff like this....👍👍

  • @satish9357
    @satish9357 2 роки тому +1

    You people are too funny. I actually didn't want it to end

  • @the-secrettutorials
    @the-secrettutorials 3 роки тому +27

    I swear the other day I said to a friend: "Why isn't there a McGuire tutorial to learn Figma". Now I feel somewhere between lucky and observed.

    • @Webflow
      @Webflow  2 роки тому +2

      We're so excited to have McGuire present on this course too!!

  • @robertfreck2701
    @robertfreck2701 3 роки тому +2

    I am loving this! With the cadence of the education teams I rarely have to go back because I did not understand something. Keep the videos coming!

    • @Webflow
      @Webflow  2 роки тому

      Happy to help!!!

  • @yassinedjebbari4819
    @yassinedjebbari4819 3 роки тому +1

    Definitely the best content on the web hands down

  • @nikzechner
    @nikzechner 3 роки тому +2

    I was looking for part 3 to 7 for so long until I realized that this is actually a new series and it hasn’t been uploaded yet.
    Great job! Exactly what I need to get from Figma to Live
    Imagine a world where you can just design in Figma and then publish the Website like in Webflow

    • @Webflow
      @Webflow  3 роки тому +3

      The full course is availavle on Webflow University now for free if you want to further binge! 🍿

  • @db2180
    @db2180 2 роки тому +1

    Wow, this is why I will stay with Webflow. I don't know if other softwares are better than Webflow. But the training and the quality of work they do is unmatched. They Make you want to stay and be a part of their team.

  • @benjamindotun3213
    @benjamindotun3213 3 роки тому +2

    This is the best tutorial I’ve seen In a while. I love the humor and learn breaks in the tutorial

  • @benhoke2491
    @benhoke2491 3 роки тому +4

    Education 2.0 . I cant stop laughing 🤣🤣🤣
    I wish to work with a team like this some day. I mean... one would be thrilled to go to work everyday - even on weekends

  • @futrdigital8602
    @futrdigital8602 2 роки тому

    This is a fantastic tutorial, very engaging! The way Maguire pronounces "width" is hilarious though 🤣

  • @JeromeBouvier
    @JeromeBouvier 3 роки тому +1

    So much eyeballing !
    Pretty good series so far.

  • @ensodesign2249
    @ensodesign2249 2 роки тому +3

    that little section with Grimur in the end was interestingly funny

  • @shirleyxie7144
    @shirleyxie7144 Рік тому

    These lessons are awesome!!! So detailed and clear 😘

  • @sahsahrul
    @sahsahrul 3 роки тому +2

    Yuhuuu, thank you for this amazing video.👏👏👏

  • @so-much-to-learn
    @so-much-to-learn Рік тому

    Grimur! Love the improvisation

  • @phannhieng3649
    @phannhieng3649 4 місяці тому

    Love all of you... my Teachers...

  • @dsgnchloe
    @dsgnchloe Рік тому

    Amazing! Thank you so much for creating this tutorial!

  • @godwin_parle_business
    @godwin_parle_business 3 роки тому +1

    This content is astonishing

  • @AgeOfAllies
    @AgeOfAllies Рік тому

    I wish all courses are as fun as yours 😂😂😂

  • @oshiboir5121
    @oshiboir5121 2 роки тому

    I have no idea what this is or anything that comes out of his mouth. But came here from the beautiful ad and I am hooked to something I have no idea about.

  • @ShubhamBagade
    @ShubhamBagade 2 роки тому

    I am impressed by the video! I am no developer but I will try Webflow for my one off project.

  • @andrianlavriv8242
    @andrianlavriv8242 Рік тому +1

    Great one!
    Could you share a link to the Figma file or draft - to have a practice in webflow based on the current design and be on the same page? That will be really useful. Thanks

  • @ThePresidentMerkin
    @ThePresidentMerkin 3 роки тому +2

    The text you display at 4:12 in, where do I go (your "clipboard") to secure such text?! This is great fun, by the way.

  • @mayrii
    @mayrii 3 роки тому +2

    You guys are amazing🥰

  • @mubarakalalawi305
    @mubarakalalawi305 2 роки тому

    Now tNice tutorials was truly an aweso video. I love your thorough style

  • @dhananjayapasan
    @dhananjayapasan 3 роки тому +8

    ( 5:55 ) Every designer needs client like Grimur who understand us

  • @PianoFAB95
    @PianoFAB95 3 роки тому +2

    Great, you guys have no limits :D It's the funniest course I have seen for a while XD. Grimer you're a legend ;)

    • @Webflow
      @Webflow  2 роки тому +1

      Grimur the legend! I will share this with him 🙂. Thank you for the positivity!!

  • @jelenajovanovic1472
    @jelenajovanovic1472 2 роки тому +1

    I wish I could have your design skills 🔥🔥🔥

    • @DarylBaugh
      @DarylBaugh 2 роки тому

      you can do it babygirl !

  • @Authenticallysandy
    @Authenticallysandy 5 місяців тому

    Love this video. is there a link or a draft for the clipboard text you used as a template, so we can practice as we go along?

  • @amymy1088
    @amymy1088 5 місяців тому

    Come from the video in Webflow University website to see people' comments here. Your videos are so funny lol

  • @menikmati90
    @menikmati90 2 роки тому

    love these folks!

  • @inner.inspire
    @inner.inspire 2 роки тому

    these tutorial are sooo good.. I'm afraid one day they'll be paid
    Ps: sometimes I feel kinda guilty watching all your great content and courses without paying for them

    • @Webflow
      @Webflow  2 роки тому +3

      These tutorials will always be free. 😀

  • @igoraugusto1533
    @igoraugusto1533 3 роки тому

    I like the funny production.😂😂

  • @JohnFallot
    @JohnFallot 3 роки тому +1

    (1) Yay he’s still alive!
    (2) I’m surprised Webflow and Figma haven’t fused into one seamless mega service. Webma? Figflow?

  • @novalorisa
    @novalorisa 2 роки тому

    i really love this content 😂😂😂

  • @jepwey_
    @jepwey_ 3 роки тому +1

    Thank you for this!!!

  • @Ornamentncrime
    @Ornamentncrime 2 роки тому

    breathtaking

    • @Webflow
      @Webflow  2 роки тому

      ua-cam.com/video/KZQMMLh8YM4/v-deo.html

  • @namadekisufa
    @namadekisufa 2 роки тому

    You are amazing guys! Thank you so much!

  • @melancholy-engineering
    @melancholy-engineering 2 роки тому

    What mouse use video maker at 0:27 ?

    • @Webflow
      @Webflow  2 роки тому +1

      It's the Evoluent vertical mouse. evoluent.com/ Hope this helps :)

    • @melancholy-engineering
      @melancholy-engineering 2 роки тому

      @@Webflow Yes! Thanks for the information!

  • @justinpeterdebeer
    @justinpeterdebeer 6 місяців тому

    Has anyone discussed the pot plant?

  • @j.jarvis7460
    @j.jarvis7460 10 місяців тому

    what software is being used to team work on the same display?

  • @germanorlov2792
    @germanorlov2792 3 роки тому +1

    Hello, thank you so much for producing such a great content!
    Can you tell me please if the text introduced on the 4th minute is available somewhere?

    • @Webflow
      @Webflow  2 роки тому +1

      Hey German! We thought you brought up a great point so we took your feedback and added a text file into the downloadable assets for this course. university.webflow.com/courses/figma-to-webflow

  • @rashman6691
    @rashman6691 2 роки тому +2

    The ending killed me🤣🤣😂🤣

    • @Webflow
      @Webflow  2 роки тому

      😂😂😂😂

  • @bronkowich
    @bronkowich Рік тому

    Is it possible to get the cinema 4d files? I wont afford it, but like to rebuild this project.

  • @ItsJessEdits
    @ItsJessEdits 2 роки тому

    So glad Grimur could tell us his test tube baby stories.

  • @htunthawtarphyo6221
    @htunthawtarphyo6221 2 роки тому +1

    Lol. Like Grimur, I thought the text was slightly slanted, despite McGuire's claim that it was not :))

  • @chadvise3308
    @chadvise3308 2 роки тому

    why you dont use 12 column grid in figma

  • @pratikrajsah
    @pratikrajsah 2 роки тому

    where I can find the FIgma file? It's very irritating to pause each time to see and follow through, if I'll have the figma file or at least the png then I'll be able to keep on my canvas and work parallely and more effictevely.

    • @Webflow
      @Webflow  2 роки тому

      You can find the course assets on this page: university.webflow.com/courses/figma-to-webflow?video=sQnPzTohwfM

  • @asagoldstein1669
    @asagoldstein1669 3 роки тому

    Why not use text classes on the paragraphs?

  • @Nootlest
    @Nootlest 2 роки тому

    What if we don't have Cinema 4D or Octane?

  • @CledenirLopesdesouza
    @CledenirLopesdesouza 2 роки тому

    You guys are wonderful

    • @Webflow
      @Webflow  2 роки тому

      Right back at you! Appreciate the support Cledenir! 😁

  • @Bennyblackfilms
    @Bennyblackfilms 3 роки тому +2

    I wonder when Webflow with integrate react code so designers can export react same way they can export html. Considering the world is heading towards Web 3.0 it would be cool if we could design with Webflow and export react so we can integrate with solidity.

    • @Webflow
      @Webflow  2 роки тому

      Interesting.... Thank you for your feedback!

  • @1filmpjesmaken
    @1filmpjesmaken Рік тому

    Unable to find design file on the course page. Is it possible to get the link to Figma file? Thanks!

    • @Webflow
      @Webflow  Рік тому

      You can find all the assets your need and the finished project in the summary section of this page: university.webflow.com/courses/figma-to-webflow

    • @1filmpjesmaken
      @1filmpjesmaken Рік тому

      @@Webflow Thanks for the link. I'm looking for a Figma file, not the assets. I have downloaded the zip file, and checked all folders. There is no Figma file attached. Can you send me a direct link to the Figma file? Thanks a bunch!

    • @Webflow
      @Webflow  Рік тому +1

      @@1filmpjesmaken I've asked the team about a public copy of the figma file. This is something we'll be looking into soon.

    • @1filmpjesmaken
      @1filmpjesmaken Рік тому

      @@Webflow That would be awesome, thanks!

  • @ERICKP-h5h
    @ERICKP-h5h Рік тому

    is it possible to move figma's web design to webflow?

    • @Webflow
      @Webflow  Рік тому

      Yes. You can copy your Figma designs to Webflow using our new plugin. Here's more information about it: university.webflow.com/lesson/figma-to-webflow-plugin

  • @tifacola
    @tifacola 8 місяців тому

    Can you start with mobile? Most of my traffic will be mobile.

  • @mattmcmaniac
    @mattmcmaniac 3 роки тому +1

    This seems way better than Geocities.

    • @Webflow
      @Webflow  3 роки тому +1

      But how does it compare to FrontPage?

  • @YuriRadavchuk
    @YuriRadavchuk 3 роки тому

    Hope the test tube story goes somewhere, cause it's teasimg to drop it like that)

  • @derekentrekin8672
    @derekentrekin8672 3 роки тому

    I’m going to scale my agency off of Webflow University. I can’t believe this is free.

  • @staticmotion1628
    @staticmotion1628 3 роки тому +1

    LM$O omg im not even 58 seconds into his amazing video and i have to comment on the scene with the editor and the wheel of death LOL im a editor as well and that just hit home thank you guys

    • @Webflow
      @Webflow  2 роки тому

      Wheel of death = 😩😑😢

  • @AngeloQ97
    @AngeloQ97 2 роки тому +1

    Sara is very nice, it makes me laugh more that she laughs than the story itself 😂

    • @Webflow
      @Webflow  2 роки тому +1

      Yayy Sara! We're so excited to have her featured so much in this course! 😁

  • @Ihzamarindha
    @Ihzamarindha 2 роки тому

    THIS IS GOLD

  • @maxh.2293
    @maxh.2293 Рік тому

    Yo, Grimur needs his own podcast. I didn't understand a thing from his story but it sounded more interesting than those thousands podcasts out there lmao!

  • @shortvidsyt859
    @shortvidsyt859 2 роки тому

    23:49 Adding Grids

  • @scottrerickson
    @scottrerickson 2 роки тому

    Where. an I buy Grimur's book?!?!?

  • @UltimateBokanator
    @UltimateBokanator Рік тому

    Lol everyone has an awkward friend like Grimur. So funny to his character in many people I met in my life xD

  • @LETRONZ
    @LETRONZ Рік тому

    Grimur talking about being a test tube baby at the end 🤣

  • @JoshJetStream
    @JoshJetStream Рік тому

    Came for the knowledge, stayed for Grímur's life story.

  • @PDEX00703
    @PDEX00703 11 місяців тому

    If anyone is reading this, you are truly 32:43

  • @Neil_Hyde
    @Neil_Hyde 3 роки тому

    I'm laughing AND learning?!?!? WOAH!!!

    • @Webflow
      @Webflow  2 роки тому +1

      Laughing and learning together... unreal right?? Thank you for your support!!

  • @Wings_in_full_flight
    @Wings_in_full_flight 7 місяців тому

    Editing the video 🤣 so relatable

  • @pedrogorilla483
    @pedrogorilla483 2 роки тому

    0:43 that's a real struggle

  • @AdamsOyifi
    @AdamsOyifi 3 роки тому

    Love that shirt! Drop me a link pls

  • @Malvear1825
    @Malvear1825 3 роки тому +2

    Wait, was that plant floating?

  • @buildsportxi3893
    @buildsportxi3893 2 роки тому +1

    Grimur, please write the book i will definitely read it hahahaha

  • @stunnerCN
    @stunnerCN 3 роки тому

    loooooooooooooooooooooooooooooooooove this

  • @BrainSuperpower
    @BrainSuperpower 2 роки тому

    This guy is so funny 😁

  • @arolaable
    @arolaable 2 роки тому

    I laughed the whole time at the great story at the end hahahhahah

    • @Webflow
      @Webflow  2 роки тому

      Grimur thanks you! 😂

  • @nihilnihilnihil
    @nihilnihilnihil 3 роки тому

    What's figma?

    • @Webflow
      @Webflow  2 роки тому

      Figma is a collaborative design application. Check it out at figma.com/

  • @vathevladimir
    @vathevladimir 3 роки тому +1

    Make it shorter. I don't like it. Make it longer. I don't like it, make it little bit shorter. Undo. Excellent!

  • @dotuidesign
    @dotuidesign Рік тому

    🔥🔥

  • @johnasare3628
    @johnasare3628 3 роки тому

    Grimour just made laugh at (34:32)
    🤣😂🤣😂🤣😂

  • @mryourblond
    @mryourblond 2 роки тому

    These flower are just hoovering there and I'm suppose to not say anything? I guess it's just... magic.

  • @rlwilhelm1
    @rlwilhelm1 3 роки тому +2

    McGuire and Grímur- you two are freaking hilarious! 😂 I love these Webflow videos. I learn a ton and feel like I'm watching an SNL skit. Sara- when Grímur was talking about his 10th bday, you were losing it *almost* as badly as Jimmy Fallon when he was on SNL. ua-cam.com/video/ejxjJ3qwXK8/v-deo.html
    Thank you, Webflow for putting together these excellent, (FREE!), entertaining videos. You've raised the bar on software/design education videos.

  • @edenassos
    @edenassos 2 роки тому

    You went to all the trouble to have a segment just for C4D and Octane yet you only made a 2 part blow-up instead of a full product explosion. Why? ;O

  • @francoiserethers3766
    @francoiserethers3766 8 місяців тому

    Mettez moi un beau film x j ai plus de 18ans et vous avez tous les renseignements je suis abonnée a canal + depuis plus de 40 ans

  • @amilkarmendizabal290
    @amilkarmendizabal290 2 роки тому

    I Just noticed the flying flower pot