Join the Webstudio community

Updated 7 months ago

Is there figma to webstudio Plugin?

At a glance

The post asks how to import designs from Figma to Webstudio. In the comments, a community member expresses interest in this and wonders if there is a way to automatically import everything from Figma to Webstudio, or if they would need to recreate everything from scratch.

Another community member responds that Paste CSS is currently in development, which may allow users to paste the design from Figma into Webstudio, but not the structure. They provide an example where a user would create a link in Webstudio, copy the CSS from Figma, and paste it into Webstudio. However, they note that this may not be ideal for large designs with a lot of structure.

Useful resources
How to import designs from figma to webstudio
L
J
2 comments
I'm also curious about this. Today, my designer sent me a Figma project for a new website. Is there a way to automatically import everything from Figma to Webstudio, or do I have to recreate everything from scratch?
Paste CSS is underway right now so once that's released I suppose you can paste design in, but not structure. https://github.com/orgs/webstudio-is/projects/11?pane=issue&itemId=67050551

e.g. you would create a link in webstudio, copy the css from figma, and paste it into webstudio. Not ideal for large designs with lots of structure but seems like it could be pretty helpful still
Add a reply
Sign up and join the conversation on Discord