Join the Webstudio community

Updated 2 months ago

Enhanced code editing?

Steve Suderman · 2025-05-18T01:48:03.210Z

I cut this together as an idea just for fun. I know there has been talk and some issues opened around code editing UI for Webstudio. The idea with this would be:maintaining access to canvas while editing codeimproved code editing experienceaccess to settings and styling without changing tabspotentially using one of the editing blocks for vars, api stuff, or CSS vars -- again, without popping over the canvas.I wonder about one day having full access to CSS editing in a code editor (like Advanced Mode but a more traditional IDE experience)?Drawback is of course screen space. But even at 1440 height, it's totally reasonable. Not sure about 1080. My thought is that you could resize the panes like in dev tools.

At a glance

SSteve Suderman

This post has been deleted.

Add a reply