Enhanced code editing?

The post discusses an idea for a code editing UI in Webstudio, where the community member proposes maintaining access to the canvas while editing code, improving the code editing experience, and providing access to settings and styling without changing tabs. The idea also includes potentially using one of the editing blocks for variables, API, or CSS variables, without overlaying the canvas. The community member wonders about having full access to CSS editing in a code editor, similar to Advanced Mode but with a more traditional IDE experience. The drawback mentioned is the screen space required, but the community member suggests the panes could be resizable like in dev tools.

The comments are mixed, with one community member seconding the idea, while others express concerns about the canvas space being taken up by the code editor, and question whether technical designers would want to see code that often. Some community members suggest the code view could be an alternative to the canvas, rather than in addition to it, as both require space. Another community member suggests a shortcut to open the HTML element window directly on the canvas, rather than navigating through the Settings Editor.

There is no explicitly marked answer in the comments.