I am loving the fact that scripts can run on the canvas. I think it is great for more technical users, however I wish there was a bigger window for code to be used. For example - in Webflow when we edit an HTML Embed it pulls up a popup window in the center of the screen, it is not too big in size, but it allows to see the code better and make the necessary changes without using an external program.

In Webflow's case, each edit requires a publish which makes it easier to just do everything locally, but Webstudio is better in that aspect, so I think an improvement in seeing the code could be useful.

I find it very hard to scale a project. Having to create a div then naming a custom token, then renaming it in the layers, a lot of the times it uses the same name anyways.

Hey, just wondering what determines if a script can be ran within the canvas or not?

Testing it with some GSAP animations and the animation is not working for me even after enabling the toggle to run them on canvas.

Here is a url:

https://apps.webstudio.is/builder/abbf7626-b2c9-4e65-b8ce-619c3dfe0c9e?authToken=2e30ad96-54dc-483e-8f08-c5707e3bfba9&mode=edit

Am I right to assume that Webstudio is built on top of the Remix framework to utilize the css token system?

Am I also right to assume that Remix is more suitable for web apps then for marketing pages, seems like it is the bread and butter for React which I am not that familiar with either.

I am looking at the code output of Webstudio and it looks very unmanageable if the code is worked on outside of Webstudio. Every single div has a unique ID, hundreds of css classes with non-descriptive names. If I were to take this site outside of Webstudio it seems like a pain to manage. I don't really understand Remix so excuse me if I am not understanding something.

Also if I were to save a backup of my site and remove it from Webstudio builder. Can I later on import the code back into Webstudio to work on?