The new Figma to Webflow plugin - An exciting close look with the creators

Join host Nelson Abalos Jr and special guests, John da Maia, Senior Software Engineer and Bryant Chou, Co-Founder of Webflow to chat about the new Figma to Webflow plugin, and how it lets Figma users turn static designs into clean, production-ready websites. We’ll learn more about how the plugin has been received by the community, the new features the team has been working on since its launch in February, and we’ll also get a chance to chat with Bryant about the newly formed Webflow Labs. Get the plugin: https://www.figma.com/community/plugi... Learn more about the plugin: https://webflow.com/figma-to-webflow Learn more about Webflow Labs: https://webflow.com/blog/announcing-w... Download the Figma files: https://www.figma.com/@webflow_labs ---------- Chapters 00:00:00 Stream starting soon 00:01:13 Stream start 00:03:21 Stream agenda 00:04:07 Welcome John da Maia 00:06:20 Welcome Bryant Chou 00:08:45 The idea behind Webflow Labs 00:12:06 How are Webflow Labs product different from the core product? 00:14:13 Bryant thanks the Webflow Labs team and Community 00:15:45 Figma to Webflow plugin 00:19:38 Figma to Webflow plugin demo 00:24:34 What's next for the Figma to Webflow plugin? 00:25:41 Sneak peek at class name overrides 00:31:14 Start Q&A 00:31:44 Q: How does this plugin work with existing class names? 00:32:20 Q: Can we create our own responsive components? 00:34:15 Q: Why the limit for how many items you can port over? 00:37:02 Q: Why can't I copy over background images? 00:38:19 Q: Can we import CMS using this plugin? 00:38:51 Q: What is the best starting point when using this plugin? 00:41:10 Q: Can you use this plugin to create a Tabs component? 00:43:02 Q: Can you create CSS grids in Figma and copy it into Webflow? 00:44:29 Q: What scenario would this plugin not be relevant for? 00:45:28 Q: Would it be possible to implement animations and interactions? 00:47:13 Q: Can we bring over hover and focus states? 00:48:41 Q: Can we use the plugin without using the structured components? 00:49:52 Q: What are the best practices when using the plugin? 00:53:11 Q: Can we use tailwind style naming? 00:55:11 Q: Will we ever be able to export from Webflow and import to Figma? 00:56:06 Q: Can we use REM for all elements styles (e.g. margin, padding, widths, etc.) 00:57:59 Outro ---------- Get started with Webflow: https://wfl.io/2r7cVUW Join the Webflow Community: https://webflow.com/community https://webflow.com   / webflow     / webflow