Please correct the errors below.
The player Learn and teach using sheet music synced with video Notation and tab editor Easily create interactive sheet music, for free Sheet music scanner Beta Turn PDFs and photos into interactive sheet music About Soundslice Here’s our story
Help Transcribe Embed Plans Community
Practice Teach Embed Transcribe Community Plans Help Store
Log in Sign up

Introducing our editor redesign

We’ve launched a light redesign to our notation editor, with the goals of making it easier to find features and making better use of space. It also sets us up to make more future improvements.

Here’s the old design:

Screenshot of old design

And here’s the new design:

Screenshot of old design

The new design isn’t dramatically different, so there’s not much to relearn, but a few things have moved around. Here’s what’s changed.

Top and left command panels

Previously, most editor functionality lived in the left sidebar. There were nine subsections, which you could toggle through by clicking the left icons:

Screenshot of old sidebar

This got the job done, but there were a few inelegant things about it:

  • Those icons on the left are pretty obscure. It’s genuinely hard to come up with a clear icon for something like “Engraving” or “Performance markings.” Why not just use simple text labels?
  • The whole sidebar felt oversized and out of proportion, taking up too much space on the screen. Could we make more room for music?
  • Our mobile editor already used a totally different layout, with a command panel on top of the screen. Could we be more consistent, always using a panel at the top?
  • This design has a natural limit on the number of commands available in each subsection. Could we find a design that let us make more commands available?

Our redesign moves these commands to the top of the screen. This provides more horizontal space for your music, unifies the design with our mobile version, allows for an arbitrary number of commands in each section, and (we hope) makes it easier to find the feature you’re looking for:

Screenshot of top panel

To get more vertical space, you can collapse the whole thing by clicking the “X” at far right, or just clicking the name of an open panel:

Animation of collapsing panel

We’ve kept a left sidebar, too, though it’s much narrower and more focused. It contains the editor search (as before) and the most common/basic commands, such as setting note rhythms:


As a next step, we plan to make the commands in the left sidebar customizable, so that you can put your own frequently used features in there.

Gray panel at bottom

The editor now has a gray panel at the bottom of the screen:


The theme of this area is: general editor functionality that isn’t strongly tied to the particular music you’re looking at. So it’s your unsaved changes count, links to keyboard shortcuts, preferences and ways to toggle various editor options (such as the touchscreen interface).

Our goal here was to simplify the number of buttons at the top of the interface and organize things better. We also like how the gray provides a stronger visual identity for the editor, to make it easier to tell at a glance whether you’re editing or viewing.

Other notes

  • The current notations section — which shows you which notations are active on your current selected note(s) — now lives in the left sidebar. Previously it was above the notation.
  • The editor search is now available in the mobile version. Finally!
  • The current-voice switcher is now available in the mobile version (and uses a new compact design).
  • The Instruments button is now visible in the mobile version. Previously it was relatively hidden in the “...” menu.
  • The mobile version got a lot of general polish, making better use of space and providing easier access to more functionality.
  • For our users with imperfect eyesight: we’ve made sure that the new design works well when you increase your browser’s zoom level. The icons will all get larger, but the overall structure of the page will remain balanced.
  • In general, the design has a crisper, more modern aesthetic.

We hope you like the changes! We’ll continue listening to your feedback and working on making this thing better.


I saw it Yesterday and no problem to use. Very nice and more natural.

Feature not possible: In Edit mode, it is easy to transpose all the song by octave but impossible by step.
Only in view, via mode transpose.
Glad you like it! For the transposition, use our editor search to find the "Move down diatonically" and "Move up diatonically" commands — I think that's what you want. We'd like to add more options here, to support transposition by named intervals such as a minor third.
I'm on a 15 inch laptop and have to enter full screen mode on my browser, otherwise I cannot see tablature and sync simultaneously.
Are you syncing with a video? You could try reducing the size of the video by dragging the line next to it. You could also try reducing the notation zoom level.
Yes ! What I also do is to use the little toggle switch on the video to put it to the left hand size in place of on top of the notation then I'll reduce the size with the line. Works like a charm on a macbook air 13 inch.
Thanks. I must confess, at first I thought something was bugged on my browser. I'll do those things.
Add a color changer next or higher contrast mode pls but this is good.
Thanks — you might want to give sitemode dark mode a try if you haven't already. We've made sure that it works well with the new editor design. There's no way to activate it directly via our site (for now), but it'll be activated if you enable your systemwide dark mode setting.
No I mean accent colour default orange.
Oh! And make glissandos possible pls.
Yeah do that.
Cool! While tweaking the editor, I would LOVE more possibilities with "select all." There are a lot of things I can do on one note or one bar that I would love to be able to do with multiple notes or bars (such as moving a passage to a different string set) and the workarounds are tedious.
I got a pleasant surprise upon seeing the redesigned editor for the first time, it is definitely a leap in the right direction.
The left sidebar being narrower is a bit of a pain if you add lots of text and bar text. It was a bit too narrow before, so now it's slightly worse. A resizable sidebar or a different way of entering text would be a good improvement.
On the whole, the improvements are great, would be nice if you could also improve some of these smaller detail.
Not moaning here, just offering some constructive criticism.
Thanks for the thoughts! It took me a moment to realize what you were referring to... You mean the sidebar in which you enter the text (as opposed to the sidebar that contains the various icons), right?
Yes, sorry, forgot the sidebars aren't together now. Example, the text window for entering Bar Text is now even smaller than before, which was already very small.

Post a comment

Log in to post a comment.