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