Introducing the Figma to Webflow App: seamlessly sync design systems

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

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

  • @ChrisWorksCreative
    @ChrisWorksCreative 9 месяцев назад +49

    🤯 So awesome to see Webflow and Figma connecting in this way!

    • @PubgSpeed-wl8yo
      @PubgSpeed-wl8yo 8 месяцев назад

      Have you tried working with him?

    • @Am_ro12
      @Am_ro12 Месяц назад +1

      Why didn't I do this earlier. OMG.

  • @aseembathla4382
    @aseembathla4382 9 месяцев назад +42

    Thank you Sarah and Emily, great video!!

    • @paul.ignacio
      @paul.ignacio 9 месяцев назад +5

      Wait, where’s McGuire? Did he leave?

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

      @@paul.ignacio he runs his own channel now, search his full name.

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

      ​@@paul.ignacio McGuire left a while ago. He's got his own channel on YT now. Simply search for him.

  • @Gagan_salwan
    @Gagan_salwan 9 месяцев назад +10

    This is amazing, i bet most of designers were waiting for this!

  • @jbsinluenam
    @jbsinluenam 9 месяцев назад +7

    I cant wait for an updated version of Webflow University course. Hope to see you both there too.

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

    webflow is on another level

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

    I love the "more focus on Figma" way they go

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

    This is great, especially for simple elements that show up in multiple websites. This way, you can focus on making good designs, focussing your creativity in unique sections.

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

    Good timing for me, as I have made it a priority to up my Figma game! Now even more!

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

    This massive update will save tons of time!

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

    Thank you Sarah and Emily! Very informative and engaging vdo!

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

    Amazing! Thank You Sarah and Emily🙏

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

    I would like to suggest for components, where we could put html inside or even other components.

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

    I love it, and this is great progress; now, if we can standardize the naming of classes BY webflow, that would be great, at least for a starting point.

  • @PhilipWallage
    @PhilipWallage 9 месяцев назад +5

    Really need to think about how this all ties in with using Relume tho

  • @kevin-chiu-design
    @kevin-chiu-design 8 месяцев назад

    Wow this is massive, thanks for the update! The information was clear and the video was pretty funny too haha

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

    I was waiting for this since last summer when I made the first Figma to Webflow conversion. How about components variants? How do they affect the work in Webflow? Because we have a ton of variants in our components.

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

    OH MY GOOOOOOD THANK YOU SO SO MUCH DOING THIS

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

    This is a game changer! Love it

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

    This is just mind blowing

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

    Does anyone know of a way to shrink or handle the huge pop-up box for the plugin? It takes up so much room and can't be shrunk or minimized to my knowledge. It's really invasive.
    Great video btw.

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

    Fantastic - wonder how many are using this regularly?

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

    Great update

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

    life saviour🤩

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

    This is some great insight but I'm having issues with a few simple tasks. I created a Navbar in Figma. Then sync it to Webflow with all components and variables. Now that I am in Webflow, I drop it in a container but the size of the navbar is a different size. I'm not sure why??

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

    Love all this but we still can not arrange CMS items 😔

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

    Great stuff!

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

    How does it handle variants / properties?

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

    What happens when you sync a Figma stylesheet with an existing website?
    Can this plugin work well with client-first or other frameworks?

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

      if the comonent or variable have the same name then it syncs i think

  • @codingforweb-official
    @codingforweb-official 7 месяцев назад

    Awesome feature, as a developer, I definitely will use it, and sure designers will love it too

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

    I'd like a simpler way of including custom code into Webflow. Both component wise and documentation wise.

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

      Simpler than embeds or just pasting it into the page? What would that look like?

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

    Wow.... future is today for Figma users

  • @jasonoliveira2149
    @jasonoliveira2149 9 месяцев назад +5

    Stop it. STOP IT. You guys release the best things so often that I feel like I'm having one continuous heart attack.

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

    Awesome ❤‍🔥

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

    How to copy variants and states from figma to webflow using design sync

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

    How is this gonna work with responsive? e.g. Main nav on mobile?

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

    The color contrast between the white texte and the green background on the button is not 4.5 😬

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

    Game changer

  • @floyd1411
    @floyd1411 8 месяцев назад +1

    I miss McGuire Brannon so muchhh!!

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

    I know this isn't about Figma but i am stuck with webflow if someone can help please.
    I am following the 21 day portfolio challenge (april 2024) and I am unable to work out how to unbind/unlink the cmcs content as shown in the video as the control pannel has changed. When I do disconnect I get the pre installed headings/paragraphs show up.
    Can anyone help please.

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

    4:24 How about beige?
    Proceed to choose the green color 💀

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

      Haha - sometimes you gotta do what's best for the design 😅

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

    I need to know how to contact @Webflow support. I keep going to the support client's portal and it keeps saying there is an error and it dos not let me submit my questions! Please I need to speak with some at WebFlow. How to do it??? This is ridiculous.

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

      Hi there! I'm sorry you're having issues contacting our support. You can submit a ticket to our support team here: support.webflow.com/ or you can navigate to the forum to see if your issue already has an answer here: discourse.webflow.com

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

    Hello ms Profesor, can you please show next video how to make Figma to Wordpress plis. Inshallah we can see it in next tutorial.

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

      Bro, its the official channel of Webflow, Wordpress is their biggest competitor, you aint getting a video

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

      @@stefeux Sank You my broter. Where is Wordpress official channel? Plis put me on right path so I can finally cross the desert. Shukran habibi.

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

    cool)

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

    Sincerely, webflow university need to be a major update, because all video are with an old version and projects are so vintage. When there is a big update with new project please?

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

      Stay tuned! The Webflow University team is hard at work updating all of the videos to keep things up to date :)

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

      @@Webflow i always keep faith in your teamate.

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

    finally!

  • @anhtuanuxdesign
    @anhtuanuxdesign 8 месяцев назад +1

    For all people say Thank you! Did you even try the app? Your Chrome will stop working one you do it? All Modes (you have light or dark only) will not sync. I tried one with 147 variables. No good result

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

    So is framer cooked now ?

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

    Figma should defenitely transfer their website to Webflow, It'll be awesome🔥

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

      huh.....

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

    so that doesn't even work for Mac with Apple Silicon? It's asking me to install Rosetta... pretty lame in 2024

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

    I want do freelancing With Wordpress & Webflow ❤

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

      how is wordpress doing? I heard there is a lot of new cool things there too!

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

    I'm in love with Sara

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

    Oh. My. God.

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

    Its taking forever to import

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

    im here for the jokes

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

    anyone else having sync issues?

  • @ianrexexanes2415
    @ianrexexanes2415 8 месяцев назад +1

    Doesn't work

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

    am i dreaminggg?

  • @cjacobs627
    @cjacobs627 5 месяцев назад +2

    I'm so deeply disappointed that this plugin does not do that they show here... it's a broken plugin in a lot of places adding data where it's not needed, and not bringing in classes properly. I've put a topic on the support site about this... class information doesn't come through... flex information doesn't come through (like it should)... For now, just build it in Webflow and save the headache. Bummer.... false advertising in a lot of ways. And the way they make this video so "cute" ...makes it even more frustrating when the plugin does not do what they say it should.

  • @nitaci7246
    @nitaci7246 7 месяцев назад +1

    You keep adding more and more new functions but totally ignore what you are lacking. I work as a webdesigner and love Webflow but their lack of adding the most basic functions even tho people have been asking for it for years and years is making me consider changing platform. Just one example. How can you fetch custom code from MULTIPLE cms items without having to add it manually? Like importing code from a .csv file. Answer: It's not possible due to the rich text solution. It's 2024. What are you doing Webflow? Embarrassing to say the least. I could make a long list of basic functions that every other platform has that is missing in Webflow.

  • @PubgSpeed-wl8yo
    @PubgSpeed-wl8yo 8 месяцев назад +1

    Honestly, it works very poorly and only works with theme layouts that you originally created in components, if you got that layout from a client, you can't make it that way.

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

    Why even have Figma? Create a WebFlow mode targeting designers. Why do the job twice?

    • @georgy.design
      @georgy.design 9 месяцев назад +5

      Webflow is a development tool, while Figma is a design tool - simple as that. If you compare Webflow to Framer, then you make a crucial mistake, because Framer is much more simplified in terms of development. Not saying it’s bad, but it’s another way of building stuff. The thing is, Webflow teaches you HTML and CSS without actually doing it, because you are writing code visually. However, this is not the case for Framer.
      So maybe Webflow will come up with a design tool in Webflow at some point, but I highly doubt it. No need too.

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

      Never design your layout in a website development tool. Doing this can come back to haunt you, if you have to correct things. Even before Figma became the standards for designing first. It's always suggested to do rough drafts and layouts first. If be pencil, pen, Sketch. Adobe XD etc. It's both faster to do the design and correct, if needed. Work smart. Not hard.

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

    Framer who?

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

    Figma balls

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

    1st

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

    Who’s that pretty lady 😢

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

    WHY YOU HATE ADOBE? let adobe be friend with figma too. 😅