Sketch 4.1 New Alignment Sucks

7 months ago from , Design Team Lead @ Nesine.com

Why old alignment system changed? When align horizontally which criteria using?

New Version Alignment; http://i.giphy.com/l0HlvGYFr9O47Jjhe.gif

Old Version (I LOVED); http://i.giphy.com/l0MYG2FUEIRrrReZq.gif

47 comments

  • Alexis Morin, 6 months ago

    Having to check your layers before aligning is not great UX. Also, it makes aligning objects across artboards (something I do quite often) dependant on the position of the artboard in the layers stack. Weird. If there needs to be a change (I was fine with Sketch 40's way of doing things), my preference would be to include something like how Illustrator or Inkscape does things: having a key object and highlight it. The position in the layers stack should have no impact on alignment.

    0 points
  • Danying Gao, 6 months ago

    I feel for you.

    0 points
  • fred Fredfred Fred, 6 months ago

    I agree it really sucks. The way it works before was more UX. There was less need to click to have the expected result. Now we have to take care of the layers orders. The way Illustrator does it, is bad UX because it always add an extra click to select the referent.

    0 points
  • Gene M, 6 months ago

    Oh god, I thought I was the only one going insane on this. Can we get a fix / update or a choice?! Pleaaaaaase!

    0 points
  • Jonathan Brodheim, 7 months ago

    Funny enough, I thought Sketch aligned to the largest object this whole time. I never had any issues aligning things before this update, but now things seem to jump around. I don't like that Sketch is now dictating the order of my layers, esp. when you export to prototyping apps, where layer order and grouping matters a lot.

    Another point, during the concept and development stage, I pay little to no attention to layer order, because you are trying to move quickly. This is precisely the point where you would use quick tools like the alignment bar to make quick adjustments. That workflow is now forces you to change your behavior instead of working with you.

    0 points
  • Mathieu C.Mathieu C., 7 months ago

    Maybe an option to choose between the old and new alignment system would be interesting?

    0 points
  • Perttu Talasniemi, 6 months ago (edited 6 months ago )

    How I think a good alignment should work:

    • No moonwalking: align only once

    • Use largest element as baseline: don't move both elements, only the smallest one

    • Align always by pixel or provide a setting for it

    I noticed that Photoshop and XD seems to work this way but for example Illustrator does the dancing, moves both elements and messes pixels.

    0 points
  • Todd Cantley, 7 months ago

    Just commenting in the hopes that someone reads this. Please change it back. It's awful now.

    0 points
  • Maurice SvayMaurice Svay, 7 months ago

    The new works much better for me. The old one was so unpredictable.

    0 points
  • Chiron ZorChiron Zor, 6 months ago (edited 6 months ago )

    Once understand how it works, it actually make sense.
    It reminding me to put key layer of a group to bottom.
    Things like wrongly positioned pasted layers, I used to align to side (twice) then align to centre (twice). Now you only need to align centre after paste.

    0 points
  • Rory Smyth, 7 months ago

    what a terrible decision

    0 points
  • Oz PinhasOz Pinhas, 7 months ago

    I'm kinda biased but I have this Sketch plugin which center-aligns layers horizontally and vertically "the old way" using ⌘ + [ and ⌘ + ]. It can also align any layer to the artboard (w/o selecting the artboard) with ⌘ + ⌥ + [ or ].

    (And also actually has some other nice quick manipulation actions :))

    0 points
  • Eddie LeoEddie Leo, 7 months ago

    We got this

    0 points
  • Filip HedbergFilip Hedberg, 6 months ago

    I use the plugin AlignTo in order to choose object to align to, highly recommended.

    With the keyboard shortcuts it's both faster and gives me better control of what's happening. I mostly use cmd+opt+ctr+ [h/v/a] for horizontal, vertical and center/center align respectively.

    https://github.com/LucienLee/AlignTo

    0 points
  • Pablo StanleyPablo Stanley, 7 months ago

    Thanks, I thought I was the only one that hated it. I hope the Sketch Gods read DN.

    0 points
  • Vinicius LeitaoVinicius Leitao, 7 months ago (edited 7 months ago )

    Is sketch on drugs? Is sketch on drugs?

    0 points
  • Nick MasonNick Mason, 7 months ago

    Unbelievably terrible. Stop messing with stuff that works!

    0 points
  • Eduardo Ramirez HolguinEduardo Ramirez Holguin, 7 months ago

    I like choosing which layer I want things aligned to (like the "key object" in Illustrator). I use this plugin for this. Has a shortcut and you choose the layer in a dropdown: https://github.com/webpatch/Handy-Tools

    0 points
  • Ahmet SulekAhmet Sulek, 7 months ago

    I've recorded this with Sketch 40

    and installed the update

    and then recorded this with Sketch 41


    Sketch 40 Both of them moves and meets at the center.

    Sketch 41 Only the small one moves aligning itself to the larger one, which I liked better.

    0 points
  • Roy AbbinkRoy Abbink, 7 months ago

    Why don't they copy Illustrator's way of aligning? Works perfect.

    0 points
  • Recep KütükRecep Kütük, 7 months ago (edited 7 months ago )

    Illustrator's solution for alignment is a breeze and it is one of my most used features. Consider you have 2 objects, one long and one short. If your setting is "align to artboard" and you click align vertical center, both of them will align in the vertical middle of artboard. If your setting is "align to selection", the short one will come to the vertical middle of the long one. Finally, if you select "align to key object" and click on the object you want to assign as "key object", objects will come to the vertical middle of that object no matter of their heights. I can't think o f any scenario these three options won't be able to solve when it comes to alignment. I am expecting exactly this solution with Sketch.

    0 points
    • Cory MalnarickCory Malnarick, 7 months ago

      i desire this solution for sketch

      0 points
    • louie solomonlouie solomon, 7 months ago

      I prefer Sketch's keyboard shortcuts for align to object / align to artboard. Hold option to align all objects to the artboard,

      Align to key object is nice, but I think the same thing could be accomplished by aligning to the first selected item. Or, use illustrators shortcut for aligning to key object by reselecting an object without shift held down to highlight it as the key object.

      0 points
  • Alejandro CamaraAlejandro Camara, 7 months ago

    It's working as expected for me :/

    http://i.giphy.com/3oz8xCmCdmffZlzYly.gif

    0 points
  • Mihai SerbanMihai Serban, 7 months ago

    Great, now I can make my shapes moonwalk! moonwalk

    0 points
  • Mihai SerbanMihai Serban, 6 months ago

    I didn't notice any changes. Can anybody provide an example (gifs, screenshots, anything) ?

    0 points
  • Gabriel BrodersenGabriel Brodersen, 7 months ago (edited 7 months ago )

    So we can no longer use center align, to find the center of multiple selected objects? :( What the new align change does, is something I could already do before...if I wanted to.

    0 points
    • Jordan LittleJordan Little, 7 months ago

      This is where it'll affect me. I've grown accustomed to being able to throw a rectangle on the page and center-align it to the background…now it depends on the layer order. Not a positive change, in my opinion.

      0 points
  • Cagdas KARA, 7 months ago

    Why did you do it sketch? Unnecessary update. :'(

    0 points
  • , 7 months ago

    Their Update Log; - The horizontal and vertical alignment options now take the middle of the layer at the bottom, rather than the average of the selected layers for more predictable results

    0 points
    • Kevin KwaKevin Kwa, 7 months ago

      That actually makes sense. If I'm going to align multiple elements, I want to know which particular element it is going to align itself to, rather than an average.

      So, based on the update, it'll align itself to the bottommost layer. Whichever element you want to be fixed, make that the bottommost.

      @Serkan, if you don't want Element 1 (in your example) to move, place it below Element 2 in your layers.

      0 points
      • Gavin McFarlandGavin McFarland, 7 months ago

        I never look at my layers when aligning objects. Now I have to pay attention to the order of the layers to predict outcome of the alignment.

        Omnigraffle aligns the objects to the first shape you select. Much easier to control and predict the alignment of shapes. Having said that I had no problem with how Sketch behaved before this update.

        0 points
        • Kevin KwaKevin Kwa, 7 months ago

          I agree that it's better to align the elements to the first selected layer than based on the layer order. Maybe Bohemian Coding could consider doing it the Omnigraffle way.

          But the update is actually an improvement for me, since before this, I could never predict which X or Y value my aligned objects would end up with. Whereas now, I have a little more control.

          0 points
        • Darren AlawiDarren Alawi, 7 months ago (edited 7 months ago )

          "Omnigraffle aligns the objects to the first shape you select. Much easier to control and predict the alignment of shapes. Having said that I had no problem with how Sketch behaved before this update."

          This 1000000%.

          0 points
    • Jonathan Brodheim, 7 months ago

      I'm all for opinionated design, but if it isn't already, this should be a setting not the default and only behavior.

      0 points