Hi Adi, thanks for the video and tutorials- awesome as always! I am observing the below and am sure that I am doing something incorrectly: Statement: Setting Tags in Figma is not passed on to Webflow when using the plugin. Context: I have styles set in Figma. I am also assigning the H tags to text layers using the F>W plugin interface. When pasted in Webflow, the text layers appear as expected. However, when I go to All headings tags (pink classes) in Webflow and make changes, they do not impact the text layers I just got in, and the text only adheres to the style that was set in Figma. Of course, since I am managing this through styles in Figma, I am not worried overall. But, then, what is the value of assigning the text as a tag in the F>W plugin? How can you change the pink classes to further tweak what was got in through the plugin? Thanks in advance! Best regards.
Great tut Adi, but I'll still need to look up their support docs bc I'm a bit unclear about how components made to be responsive transfer to Webflow. I understood that you said only the provided templates are responsive but that seems awfully restrictive, but may nonetheless be a current limitation. Either way I'll seek clarification. Thanks!
Thank you for this video!! How should one treat images when using this plugin? as in, pre-import images to Webflow in the correct compression or copy-paste full designs (with images) from figma via plugin? If the answer is the latter, how does one ensure the correct size/compression of images to webflow when using plugin?
It doesn't work on mine..already followed the step but when I click the title of the project to copy all elements, the Figma plugin doesn't respond command to 'copy to webflow' . Any idea why it's happening? thank you
Got some problem with copying the design to Webflow, as it says : one or more nodes weren’t exported as SVG. Check if they’re empty and try again. How to solve it? 😢
i can't connect the webflow app with my figma source. there is always an error. do you have an idea how to solve it? "Unable to connect to Figma. Ensure you've the correct site selected in the Figma to Webflow Plugin. If the issue persists, try logging out and back in to re-establish the connection." I have tried it with several browsers and - for sure - the files are correct selected. thank you 🙂
Hi! We hope you find this helpful: *Specific Instructions for Figma to Webflow Plugin* Open Figma: Open the Figma file you want to connect with Webflow. Select the Plugin: Go to Plugins > Manage Plugins > Figma to Webflow and ensure it is installed correctly. Authorize the Plugin: Follow the prompts to authorize the plugin. Make sure you’re logged into the correct Webflow account during the authorization process. Try Exporting a Simple File: As a test, try exporting a simple Figma file with minimal elements to see if the issue is related to file complexity. Contact Support If none of the above solutions work, you might want to reach out to Figma or Webflow support for further assistance. Provide them with details about the error, the steps you've taken to troubleshoot, and any other relevant information.
Because Squarespace is a modular system and webflow isnt. Webflow does give you freedom in design while Sqaurespace doesnt. Every modular system restricts you in your creativity
Thank you for the breakdown. Super helpful for someone who is new to Webflow
Great course! Thanks 😉
This was extremely informative, Specifically the groups converted to images. Thanks!
This is great, thank you
LOL !
Now I get This TOO
Thanks For
Auto Layout
and F To W plugin
Grateful Newby !
❤️
Thank you so much
You are amazing Sir
Top quality video tutorials deserve appreciation, thanks! 👍
Glad you like them!
This plugin will save a lot of time for me. Finally not making Webflow website from scratch.
Hi Adi, thanks for the video and tutorials- awesome as always! I am observing the below and am sure that I am doing something incorrectly:
Statement: Setting Tags in Figma is not passed on to Webflow when using the plugin.
Context: I have styles set in Figma. I am also assigning the H tags to text layers using the F>W plugin interface. When pasted in Webflow, the text layers appear as expected. However, when I go to All headings tags (pink classes) in Webflow and make changes, they do not impact the text layers I just got in, and the text only adheres to the style that was set in Figma. Of course, since I am managing this through styles in Figma, I am not worried overall. But, then, what is the value of assigning the text as a tag in the F>W plugin? How can you change the pink classes to further tweak what was got in through the plugin?
Thanks in advance! Best regards.
Great video, Sir!! Just wanted to ask..how about micro interactions and smart animate? Thanks
Great tut Adi, but I'll still need to look up their support docs bc I'm a bit unclear about how components made to be responsive transfer to Webflow. I understood that you said only the provided templates are responsive but that seems awfully restrictive, but may nonetheless be a current limitation. Either way I'll seek clarification. Thanks!
Thank you... Saw this video was months ago, has there been an update on it adapting to animations from Figma design (As in prototyping) ?
Thank you for this video!! How should one treat images when using this plugin? as in, pre-import images to Webflow in the correct compression or copy-paste full designs (with images) from figma via plugin?
If the answer is the latter, how does one ensure the correct size/compression of images to webflow when using plugin?
I’m new to figma and webflow but cant you make custom designs in figma and then make them responsive components in webflow after copying over?
But there is no copy to webflow option in my plugin even though I have installed it with the same steps.
Same here!
Do you think that connecting a webflow page to a SiteGround custom domain could cause performance issues when loading the site?
❤
What does 'no vairables' mean? Im trying to convery a figma community template to webflow and its not working
where is that template? specifically
It doesn't work on mine..already followed the step but when I click the title of the project to copy all elements, the Figma plugin doesn't respond command to 'copy to webflow' . Any idea why it's happening? thank you
Got some problem with copying the design to Webflow, as it says : one or more nodes weren’t exported as SVG. Check if they’re empty and try again. How to solve it? 😢
did you ever figure this out? because I'm stuck too
Same
i can't connect the webflow app with my figma source. there is always an error. do you have an idea how to solve it?
"Unable to connect to Figma. Ensure you've the correct site selected in the Figma to Webflow Plugin. If the issue persists, try logging out and back in to re-establish the connection."
I have tried it with several browsers and - for sure - the files are correct selected. thank you 🙂
Hi! We hope you find this helpful:
*Specific Instructions for Figma to Webflow Plugin*
Open Figma:
Open the Figma file you want to connect with Webflow.
Select the Plugin:
Go to Plugins > Manage Plugins > Figma to Webflow and ensure it is installed correctly.
Authorize the Plugin:
Follow the prompts to authorize the plugin. Make sure you’re logged into the correct Webflow account during the authorization process.
Try Exporting a Simple File:
As a test, try exporting a simple Figma file with minimal elements to see if the issue is related to file complexity.
Contact Support
If none of the above solutions work, you might want to reach out to Figma or Webflow support for further assistance. Provide them with details about the error, the steps you've taken to troubleshoot, and any other relevant information.
Why would anybody use webflow , instead of Squarespace for example . I don’t get the need for web flow
Because Squarespace is a modular system and webflow isnt. Webflow does give you freedom in design while Sqaurespace doesnt. Every modular system restricts you in your creativity
Lol billions of reasons