Auto Layout for Sketch(animaapp.github.io)

over 4 years ago from Travis Arnold, Designer/Developer at Planning Center

  • Andy MerskinAndy Merskin, over 4 years ago (edited over 4 years ago )

    Earlier this year, I created a couple rough videos demonstrating how much faster Illustrator's design workflow is for doing quick resizes of rectangles, lines, etc. while retaining path positions while those are part of the selection (this would apply to text paths too).

    Videos to show the difference (before Sketch improved Vector editing):

    • Illustrator's direct selection: View video
    • Sketch's object resizing workflow: View video - you may notice that I have to reposition everything all over again once I get things resized. I already did this before I decided to resize the layout. I don't want to do it again. :( This is why Illustrator's solution is so fantastic.

    What you can do now, but is cumbersome:

    • Select anchor points across different groups of objects by 1) ⌘+Drag to select the objects, 2) press "Enter", 3) select the anchor points, 4) drag or move accordingly. Let's say you made a mistake, you have to repeat all 4 steps.
    • In Illustrator: Press "A" for Direct Select, drag-select points, move them. Much easier, and saves hours of time cumulatively.

    What you can't do at all in Sketch:

    • Select anchor points and text objects / symbols / other objects. The use case here is to move text and other objects in conjunction with your shapes.

    It's hard to explain how many different smaller use cases come out of this, but the most common one is to resize a layout or a piece of a layout for another breakpoint. This has largely been solved by plugins like this (Anima's) and Sketch's group resizing feature. But there's quite a bit of setup to do with these upfront, where a simple selecting a few anchor points w/ prepositioned objects is far quicker for one-off designs.

    0 points