Webstudio
Log in

Join the Webstudio community

Updated 5 months ago

Couple more keyboard shortcuts to boost the keyboard-only workflow

At a glance

The community members propose several improvements to the workflow in the application, including:

A) Shifting focus to "Style sources" B) Moving the focused instance "up or down" and "in or out" C) Adding a way to reveal all keyboard shortcuts directly in the app, instead of having to refer to external documentation D) Adding [+] as an alternative to the current [A] for "Add component"

The comments express agreement with these suggestions, with one community member mentioning a specific feature they miss from another tool (Webflow's "Command + Enter" or "Control + Enter" to jump to add a class).

Useful resources
DDavor
·
A) Shift focus to "Style sources"
B) Move focus
B) Move focused instance "up or down"
C) Move focused instance "in or out"
---
This would allow for a super fast workflow to
  1. Add a component to the canvas
  2. Move it to the right place
  3. Add styles
And couple of bonus ideas:
--------------------------
D) Add a way to reveal all keyboard shortcuts directly in the app - so you don't have to go to https://docs.webstudio.is/university/foundations/shortcuts every time 🙂
E) Perhaps add [+] as an alternative to "Add component" which is currently [A]
1
S
O
T
4 comments
SSteve Suderman
I miss this from Webflow: Command + Enter (Mac) or Control + Enter (Windows) to jump to add class . First thing I hit after adding an element to the page.
OOleg Isonen
Great one!
TThe Panwadi Ji
I agree. Searching components, elememts and slots just by using CTRL + E would be really cool
TTheo
Completely agree with this
Add a reply
Sign up and join the conversation on Discord