The Plugin You’ve Been Dreaming About: Figma To Webflow

Поділитися
Вставка
  • Опубліковано 26 лис 2024

КОМЕНТАРІ • 239

  • @adaptivecodeio
    @adaptivecodeio Рік тому +42

    Sweet bro! Took your webflow course last month and have been crushing projects, you da man Ran!

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

      Happy to hear!!

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

      show

    • @twistletowntreasures448
      @twistletowntreasures448 10 місяців тому

      Bro, happy about any advice, I have worked on Webflow now for quite a year more or less learning understanding every nook and cranny, but how to land clients and gigs is kind of the challenge for me now ^^ any advice or good idea?

  • @alejandraalmonacid6120
    @alejandraalmonacid6120 Рік тому +62

    I waited for 3 years to see this! I knew that someone was going to create this plugin eventually, such a game changer!

  • @FKFAIZAN47
    @FKFAIZAN47 Рік тому +31

    It's real guys. This is Epic!!🤯

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

      This is happening!! 😀

  • @Senigrafik
    @Senigrafik Рік тому +83

    Figma should’ve start adding vh,vw,rem,em into the editor. Framer has this unit. It should be easy for Figma.

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

      Im sure they will and put webflow out of business and just increase their monthly cost if you want this feature. If Figma (Adobe) is smart, they will start clawing back marketshare from Canva

    • @cariocadobrasil7
      @cariocadobrasil7 Рік тому +8

      It actually already does have the ability to use rem instead of px. If you click the hamburger menu inside the plugin and then go to "plugin settings", you can change it to rem and then the default rem value. Hope that helps.

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

      @@makeaniiimpactYT Canva and Figma are 2 entirely different platforms. Adobe Creative Express is the Canva alternative

    • @Ari-lp5bu
      @Ari-lp5bu Рік тому

      Can we upload framer file to hosting?

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

      @@makeaniiimpactYT Just adding that will not put Webflow out of business. Figma doesn't have pages, CMS, hosting, and a million other things that make it a completely different system. And Canva is a whole different market.

  • @lombardi4
    @lombardi4 Рік тому +24

    i have always used auto layout for everything, you have no idea how much this is a gamechanger for me

  • @Am_ro12
    @Am_ro12 10 місяців тому +5

    I've been an Elemenotor girl for years. Ironically I started in Webflow, but as a beginner, I was encouraged to learn WordPress as best practice. Fast forward years later, having spent years troubleshooting every site I build at some stage (whether it be pluigin conflicts, code that doesn't work anymore, hackings, maintenance, plugin authentications and verifications, and more...) I am so tired. With the advancements in web design at full speed, I am looking to switch back to Webflow. Its been a huge deal to consider stepping away from WordPress. I think this video just made the decision for me. Need to now go on a walk to calm the excitement.
    The only query I have is, can I still make money from sites I build for people? It's a good part of my income now, doing hosting, maintenance and ongoing work. Can you make money from your clients subscribing to Webflow and hosting in some sort of affiliate partnership?

    • @epicsseven7686
      @epicsseven7686 8 місяців тому +1

      Amira. The simple answer to your questions. Yes. But. It's going to start with your marketing skills. The biggest benefit for both you and your clients, is the less headaches of dealing with WordPress plug-ins. When your clients sees that their websites are stable. It's a win win deal for both. Meaning. They have website that's not down due to outdated plug-ins. And that's less stress for you. That's a happy client who will spread word of mouth to new potential clients. And that frees you up to work on new websites vs fixing bugs. At the end of the day. You have to sell it to the customers the pros and cons. In my opinion. The pros in Webflow, outweigh the cons in Webflow. Right now, I have two potential clients whom have WordPress websites, that are not functioning properly. I'd them why and why i don't mess with WordPress. Plug-ins was a major part of my reason.

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

      @@epicsseven7686that’s actually a really refreshing way of looking at it, thank you for the insight. Happier clients, easier process all round will pay off in the long run. I’m by far happier to move in that direction. I have enrolled in Flux Academy too, just started and it’s great so far. I’m now wondering why I had such a prejudice towards Wordpress as being so superior for so long, when it was clearly more trouble than it was worth and only getting worse. I think we are sold that it’s the pinnacle of web development, and whilst I can see open source being an advantage in some unique circumstances, for the majority it’s not the best option at all. Thank you for the chat, also loving the community around Webflow too. It’s been very refreshing and an all-round positive environment.

  • @nicolatoledo
    @nicolatoledo Рік тому +18

    Amazing! This can really speed up the process and let us concentrate more in the architecture, animation and functionality 🎉

  • @chillingarenaa603
    @chillingarenaa603 Рік тому +3

    This is amazing, won't have to search waste time redesigning on webflow anymore

  • @PaytonClarkSmith
    @PaytonClarkSmith Рік тому +8

    This is next level 🔥 I feel like some people might be worried that tools like this are gonna take their job 😂 But I believe these tools are just gonna make our lives easier and make us more efficient! Thanks for the vid Ran 👊🏻

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

      the living legend himself...paytooooooon! fairly new to web design i learned and was inspired by you. Thanks

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

    What the hell!!! 🎉
    Also, appreciate you jumping right in!

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

    Two of my favorite design platforms, and it's great to know that there's finally a plugin to bridge them

  • @patrickyeboah570
    @patrickyeboah570 Рік тому +5

    This is unreallll😮😳 I still don’t believe this

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

    💥 Boom! This changes EVERYTHING!🥳

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

      Can someone with no coding experience upload a fully function website ?

  • @OneBrighDay
    @OneBrighDay Рік тому +4

    I’m new to Webflow so I love this. I am coming to this from the perspective as one who codes, I organize my Figma files like this including sections and containers. I think this organization makes everything easier especially if you work on a team.

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

      why are you using tools if you prefer coding lol

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

      @@lucutes2936 best of both worlds. I enjoy designing but when you know how to code you can get exactly what you want when it comes to interactions. Coding components at this moment is more efficient than any tool.

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

      @No Thanks ahh thanks, No Thanks. I thought "no-codes" can make customization with coding such as React and Angular difficult because of the way it generates the code.

  • @thekimgraph
    @thekimgraph Рік тому +3

    This is amazing! Cutting the repetitive tasks to spend time where it matters to elevate our designs and speed up workflow.🔥☺

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

    This is a miracle!
    Literally will start using it now.

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

    This is great for faster workflow and revisions with your client.

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

    This is just AMAZING this will save sooo much time wow i cant believe this i've been waiting for this for years THANK YOU webflow and figma makes every dollar i spent worth it ten time fold

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

    Just tried it out after watching your video! THIS IS CRAAAAAZZZZZY!!!!! SO EXCITED

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

      Can someone with no coding experience upload a fully function website ?

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

      @@Rise_Hardstyle yes I think so

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

    Never clicked so fast on a video in my life before!

  • @suman121069
    @suman121069 Рік тому +3

    That is awesome, and thank you so much, Flux Academy, for updating us with all these new features. Means a lot ❤️

  • @zouhir.chbakou.america
    @zouhir.chbakou.america Рік тому +1

    i was waiting for this plugin 4 years ago

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

    I waited for few years to get this! I knew it will come once, such a game changer!

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

      I’m new to all this, what was your design process like before?

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

    Ran, it's amazing, a game changer! haha Thank you for share it with us.

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

    I tried it today. It's a basic edition with limited functionalities. I hope the upcoming versions would be more flexible.

  • @itsmusic2046
    @itsmusic2046 Рік тому +3

    man this is amazing i am new to webflow having dificulty in learning that but hopefully this will help me as well

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

    Fantastic plugin!!! I've used it already, and it's really WOOOOOW!!!!!

  • @char.hendrix
    @char.hendrix Рік тому

    NO WAY!! This is amazing. Thank you!!

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

    This is huge! Now I have a strong reason to really buckle down and use auto layout… and organize my Figma naming 😅

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

    Can’t believe you beat them in posting about it 😂 thanks for the walkthrough

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

    Which is why I'm not sold on webflow that much anymore. The plug-in is real basic style designs and would like to do more out of the box ideas that would work with this plug-in.

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

    Very good news! Thanks!

  • @juansandia5060
    @juansandia5060 Рік тому +7

    Could you share the figma file with autolayout? Would be useful to see how to structure inside of figma 😎

  • @Jojo-pf4gl
    @Jojo-pf4gl Рік тому

    Huge thanks to the one who created the plugins

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

    The best time and age to be a designer, thanks mate

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

    This is very necessary sorcery. So excited to explore this. Thank you Ran.

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

    This is honestly amazing & a total game changer. Can’t wait to try it out 😍

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

    Most Awaited

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

    I’m late to the game, but this plug in is sooo helpful! Thanks for walking us through it!

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

    Woah this tool is insane. This is gonna change my life haha

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

    Mind blown! What a game changer

  • @marzoval9551
    @marzoval9551 Рік тому +51

    Side Note: I can't wait til the whole NFT mock design trend is over.

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

      Me too 😂 thought I was the only one 😂

    • @user-u453
      @user-u453 Рік тому +1

      Same here

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

    Looks so fresh! 🤯🚀

  • @angelova.nikoleta.design
    @angelova.nikoleta.design Рік тому +1

    Very exciting!! I am going to try it out today! 😅

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

    Awesome! Now we need Figma-to-Brand Studio app 😁

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

    do you have a video that shows how you structured the current project to the new auto layout page? You just showed it finished but never saw how it was done.
    Thanks

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

    Subscribed. Quality content!

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

    This is sooo good, thanks for sharing and thanks to Webflow for making this happen

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

    Can you start adding in sliders and animations once you've copy and pasted the static design into webflow?

  • @jasinAmsterdam1976
    @jasinAmsterdam1976 Рік тому +7

    This is really nice!! Not sure if it follows a certain class naming convention? And how much extra work would it take to make it "client-first"?

  • @rafaelkoester
    @rafaelkoester Рік тому +3

    Do you directly start with designing in auto layout or after you finish your design? I find it a little bit time consuming in the design and creative phase

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

      No, I switch to auto-layout after I get my layout in place

  • @RichQuigley-dz2vt
    @RichQuigley-dz2vt Рік тому +1

    WOW. I can't believe it.

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

    Mind blowing 🤯🤯🤯

  • @sabsturr
    @sabsturr Рік тому +3

    what if you have a custom mobile design for your desktop design, how will it copy over teh styles for mobile?

    • @johndamaia
      @johndamaia Рік тому +9

      This is currently desktop only. We are thinking of adding mobile support in the future. If you are interested, upvote this comment!

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

    Just found this video and thought the plugin was going to come in clutch... Turns out, it's VERY difficult to jump into. Guess i'm doing this one the old fashioned way!

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

    This is so cool if someone has a well organized Figma file! 😊

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

    Finally!!

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

    im new in the UI/UX field loving it btw but omg this is crazy

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

    Is there any video on organizing and adding auto-layout to our project?

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

    It's look pretty awesome for that type of designs I don't do.

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

    I am super excited to see how plugin will increase or decrease productivity and creativeness.

  • @charlie-george
    @charlie-george 9 місяців тому

    I'd like to see a 1-year review of this plugin and see how it functions in practice

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

    Lovely video. Please which software did you use to record this tutorial that enabled you show your figma workspace and your video at the bottom left corner?

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

    Do you think it's good for using with every client project or it's better to build everything from scratch? Asking as a beginner designer :D

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

    This is unbelievable 🤯

  • @해피뉴이어-j8i
    @해피뉴이어-j8i Рік тому

    This is insane!!!😂😂where can i learn this course? I like to make web pages by using this plugin😮😮😮

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

    I did everything as u said but I can't copy to webflow BCS it says image size is too large

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

    Hi, do you have a tutorial on how to take a figma design and change all the rectangles and frames into auto layout so that the webflow plugin can work?

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

    Oh shit I gotta name my layers now

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

    how to make sign-up page..?
    it's quite different from your video, but thank you for your vivid work

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

    I’m very excited for this addition to the Figma suite of plug-ins as we, as freelancers and small agencies, continue to look for ways to streamline our design/development process.

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

    Yes!!!!!! 🥳

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

    Game changer! That's enough can't be described in words 😳

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

    Is it semantically created and accessible?

  • @pranavpatel1369
    @pranavpatel1369 9 місяців тому +1

    "select a frame to copy" doesn't work for me

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

    looks interesting. i never work with workflow. but its possible to transfer tokens and components with the plugin?

  • @ОляМазурик-ъ7о
    @ОляМазурик-ъ7о Рік тому +1

    Awesoooomee!!!!!!!!! 😍😍😍😍😍😍

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

    This is epic

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

    What? I'm speechless

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

    it's simple to use 😎

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

    This is crazy

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

    Do you need a paid version of Figma for this to work?

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

    this is great!!

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

    Siiiiik!

  • @Harishni-oe3vh
    @Harishni-oe3vh 5 місяців тому

    Can u tell me what plugin you used in figma mostly any Suggestion give me sir

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

    Does it work for navigate to buttons and several frames?

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

    Amazing.

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

    where I can download this figma project?

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

    Can Figma/Webflow be used to create a job board?

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

    Will this work for a shopify store ?

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

    It doesn't work for me. Should the Webflow site be live? Or?
    EDIT: I don't have that button, which says "Copy to Webflow".

    • @meaganmccomiskey5337
      @meaganmccomiskey5337 Рік тому +3

      You have to connect your webflow account, it prompts you when you open the plugin

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

    EPIC! would it also copied the animation?

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

    I hope that Webflow makes a plug-in for Adobe XD.

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

    when i select my frame at figma copy button on plugin doesnt appear am i missing something?

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

    dope 🔥🔥

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

    Is this thing possible in free version of Webflow?

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

    Amazing

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

    Help me: why my website isn’t looking responsive at all, when people move the page is appears a blank border when they move it

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

    Hi ryan don't you think this will replace webflow developer

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

    how do you download this once you finish the design