Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature request] Hot-Keys for Shapes, Connectors, and Styles #4700

Open
2 tasks done
cloudsfixed opened this issue Oct 13, 2024 · 2 comments
Open
2 tasks done

[Feature request] Hot-Keys for Shapes, Connectors, and Styles #4700

cloudsfixed opened this issue Oct 13, 2024 · 2 comments

Comments

@cloudsfixed
Copy link

cloudsfixed commented Oct 13, 2024

  • I agree to follow the Code of Conduct that this project adheres to.
  • I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Is your feature request related to a problem? Please describe.
I'd like to be able to rapidly iterate on ideas, putting them out on the canvas while I'm brainstorming, while I'm in the flow state, but working with multiple shapes, connectors, and different styles for them can be slow, require clicking multiple times, moving the mouse too much, hovering over the edges and waiting for the popups, moving the placed elements, changing the styles back and forth, copying certain elements with needed style then editing them so it's quicker than editing each elements style, and so on. That can get frustrating.

Describe the solution you'd like
Hot-keys to choose shapes, connector types, styles. Examples of default hot-keys could be:

  • R - rectangle,
  • O - ellipse/circle,
  • A - arrow/connector,
  • T - text,
  • Shift+1/2/3/... - for styles.

On pressing a hot-key the element can be created on the mouse position or connected to the selected element. For example:

  • No elements are selected, user presses R, a rectangle is created on the mouse position.
  • A rectangle is selected, user presses R, a rectangle is created on the mouse position, maybe the selected rectangle and the new one are automatically connected (maybe leave this to user preferences).
  • A rectangle is selected, user presses A, a connector is created from the selected rectangle to the mouse position.
    • If mouse is hovering another element, connector connects the selected element with the hovered one.
    • Alternatively, if two elements are selected on pressing A both are connected.
    • If more elements are selected, the first two/first and last/two last elements are connected.

Later on new functionality can be added, that lets a user choose a shape like a tool in common design software, where clicking on a shape doesn't create it in the center of the screen/canvas, but selects it, and user can create it in the size/dimensions they want by clicking and dragging the mouse.

// might edit later to add mockup designs

// edit 1: i don't know how to select the "feature request" label

@cloudsfixed cloudsfixed changed the title Hot-Keys for Shapes, Connectors, and Styles [Feature request] Hot-Keys for Shapes, Connectors, and Styles Oct 13, 2024
@cloudsfixed
Copy link
Author

Thanks, I will be using that.

But, I believe the suggestion could improve UX as a built-in out-of-the-box feature. Especially, because a lot of users probably don't use plugins or know how to use them.

Plugins also aren't available on the desktop app (on windows at least).

Can this feature request stay open if it's low priority, so it can be thought out and designed better to possibly make the implementation easier, quicker, and the usability better?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants