When pinning a locked aspect ratio layer's left and right sides to the canvas, resizing will stretch the layer only horizontally. Expected behavior would be to resize both the width and height proportionally.

After preparing a document to export to other plugins
the stacked groups can cause issues:
unwanted relayouting can happen if you click around inside them.

this issue occurs if the symbol didnt contain a background color object covering the full measurements of the symbol (which technically should not be required, but thats a sketch issue itself),

but instead the symbol had a background color defined via the sidebar option.
(included in instance and export)

If all groups lost that behaviour i think it would serve the purpose of the feature.
since you kind of want a dumb file with

I'm noticing a lot of decimal values when moving/resizing things. I understand the need for precision when applying percentages, but it ends up creating a complete mess of decimal values. This makes elements blurry and hard to recover, even when running the fit to pixel command. Pixel fitting, especially if explicitly turned on in Sketch settings, should supercede exact calculations in UI design.

when scaling multiple artboards at the same time the pins dont seem to work ...

Version: 0.1.4
Video: http://s.themengzor.com/screencast_2017-02-17_19-27-57-rerk5.mp4

These would speed up the process quite a bit

• keyboard shortcuts to switch portrait/landscape
• keyboard shortcuts to cycle between sizes

• multi select stacked folders
• go to stack menu
• creates a new stacked group instead of allowing you to edit multiple stacks

Would it be possible to implement breakpoints, if sketch was appropriate by the user? A bit more to real responisve ;-)

Thanks for making AutoLayout possible!!!

This might be a silly question, but I'm curious what the difference is between this repo and https://github.com/AnimaApp/Launchpad. Both are registered to the plugin-directory as separate plugins but they seem like they both contain Launchpad (formerly known as AutoLayout).

The reason I bring it up is because it seems like they would conflict with each other if the same user installed them both from Sketch Toolbox or Plugin Manager and they both use the same identifiers in their manifest.json file.

If they're meant to be distinctly different plugins, I'd suggest that they use different identifiers in their manifest since it confuses Sketch Plugin Manager when there are multiple plugins with the same identifier. This could possibly be related to #47.

If they're actually the same, I'd suggest removing one from the plugin-directory.

Today I came across the Launchpad official page, and decided to manually install the plugin, instead of using one of the current plugin managers. Much to my surprise, after having reported several bugs here, the Launchpad plugin simply worked as advertised - no bugs at all!

So, I uninstalled it, and tried re-installing it using the 2 newest plugin managers: Sketchpacks and Sketch Plugin Manager. Both managers allow me to instal (supposedly) version 0.5.2 of 'Auto-Layout' - which supposedly should be the same plugin as 'Launchpad' (considering they both have the same version number and exactly the same feature set). However, installing 'Auto-Layout' via either one of the plugin managers installs the very buggy version reported previously. Downloading and installing 'Launchpad' manually, directly from its official page, instals a bug-free version.

It seems, therefore, that the plugin managers are installing a different version of the plugin, which needs to be updated with all the corrections already available in the official 'Launchpad' 0.5.2.

Please note also, that after installing Launchpad manually, if the user has one of the plugin managers installed, it will detect Launchpad as being an older version of 'Auto-Layout', and will try to update it - Sketch Plugin Manager does this every time you launch Sketch. Needless to say, if the user 'updates' the plugin, they will get the buggy version...

This affects issues #41, #42, #43, #44 and #45.

When opening a document window, the Anima Panel defaults to open, with both LaunchPad and the Auto-Layout showing. The Auto-Layout panel is fully open - showing all advanced options - but its disclosure triangle is in the 'closed' position:

Toggling the Anima Panel - and forcing a redraw - seems to fix it.

hi guys, when the first text in the stacked becomes smaller the alignment is broken ... when the text increases it works really well ... please can you check and update with a fix?

autolayout doesnt work when becoming smaller.zip

would be cool to be able to select multiple layers and then apply the pins to all selected. thanks in advance! GREATEST PLUGIN EVER guys!

Hi,

the plugin is great and I am sure that you are already working on improvements.
It would be nice if you can copy the autolayout settings from one object and paste onto another object.
Think like the "copy style" and "paste style" functionality in sketch.

Cheers,
Atilla

Hi there,

we have a bunch of reports of crashes in [MSTogglePresentationModeAction hideUIForPresentationMode:] when using AutoLayout and entering Presentation Mode.

We've been unable to replicate them, so maybe the issue has been fixed and these users haven't updated to the latest AutoLayout, but I thought I'd mention it in case it rings any bells on your side.

Thanks in advance!

When you pin an element and the item expands, the pinned element also grows (expected). But when you shrink the same element, it does not shrink (not expected). See example below:

In a sample provided here there is a text block. It is always reset from "Stretch" setting used to correctly resize it to "Float in place".

Curiously, tried loading file with Auto-Layout plugin disabled, resizing still worked as planned, but "resize" setting worked correctly on text block. So I guess it has something to do with plugin.

An interesting thing to note is that while setting is reset on subsequent object selection, it appears to behave rather correctly after being set to "stretch"

Am I wrong or goes the Auto-Layout-Crazy when trying to pin rotatet text? (f.e. 90° pin left)

Images in the help bubble don't display.

In current version of Auto Layout vertical and horizontal center pins work pretty different than side ones and I just can't understand the logic.

1. When you assigning any center pin to randomly placed layer this layer changes it's position to center of it's container and you need to manually bring it back to it's original position to set proper distance value on pin. But if you pin layer to any side you'll just get a calculated distance value based on current layer position but the layer itself won't move.
2. Another thing I can't understand is why it's not possible to set percentage distance value to center pins? I had several cases when this could be really useful for me.

So I believe that unification of center pins behaviour with side pins can make Auto Layout even more awesome!

Thanks for your attention.

manually moving around is good but is error prone (sometimes the stack will move when releasing)

The new Anima Panel takes up over 50% of the Inspector, always - regardless of whether it needs it or not:

The expected behaviour would be that the panel should resize itself and move out of the way, as required - and not obtrusively impose itself over the Sketch panels whenever it's on-screen, even when it's taking up space that is obviously not required. This behaviour forces the user to continuously toggle the panel off in order to work...

That'd make this plugin even more insanely great than it already is. It'll make possible to create resizable cards within one artboard.

More details found @ https://github.com/integration/sketchpacks-relay

Example

Came across this bug today. I needed to work in a Sketch file that was created by another user, on a different computer. When opening their file everything was good, but as soon as I select an artboard everything on it shifts positions. They do not have Auto Layout installed, I do, but with no settings activated.

I disabled Auto Layout, restarted Sketch, and the issue seems to be resolved.

Hi,
This will be a general comment

1. Thank you for your efforts. Flex Box like design is a huge idea especially after play and see webflow.
2. Mostly design phrase is not controllable. Most of the time some weird behaviours prevent my designing and I can not move on.
3. There should be some little tricks as far as I see and we don't know what they are. We have to explore and invent those ways. I think there should be a detailed guideline.
4. After 4 hours and after 3 video tutorial, I can not achieve an e*commerce product list page with this tool. Especially nested groups and nested Stacks have issues that I could not understand.

This tool should help us to prevent loosing time as we designing a screen not just for breakpoints. Because screen adaptations are at the end of the designing process. After making a design we actually can make screen adaptations easier than designing.

if you make(actually DESIGN) a responsive grid with Auto Layout, after that phase with one shot you can prepare other screens, okay nice. But if you need to change grid design you have to prepare screens again. However changing design of a responsive grid with Auto Layout is not easy and not consistent.

For example please try to make a complex list. In this example (https://www.youtube.com/watch?v=DiCXg17CwIY&t=1225s) grid structure actually is not fully flexed. if you see sketch file there are some tricks in design and layer structure but I could not solved exactly and why I have to do that?

for example @24:20, he is tried to change text. After that right column image is shifted. You have to deal with that problem to use flexed grid properly. If you can not solve that, there is no need to use this because it takes time(much time than hoped)and the result is not consistent.

I have to make a file to demonstrate that actually I should make a video but currently there is no time for that.

thank you again for this grate tool at least thank you for serving a huge idea to softwares that we use.

The Sketch Plugin Manager is an amazing project, combining the best of all plugin managers that came before it:

• it is a normal Sketch plugin, that works inside Sketch's own 'Plugins' menu - i.e., it is not a separate app, and does not instal obtrusive menu items in your menubar.
• it provides a beautiful, searchable, easy-to-use interface for users to find the plugins they need.
• it automatically instals plugins listed in Sketch's official plugin directory, straight from the plugin's GitHub repo, requiring no configuration or special setup at all from the developer.
• it automatically advises users when a plugin needs updating, and updates them automatically with a single click.
• it provides the user with an easy-to-find, clickable link to your plugin homepage/GitHub repo.
• it can uninstall plugins with a single click, too.

The instructions that your users would need in order to instal Launchpad via Sketch Plugin Manager are:

Installation via [Sketch Plugin Manager](https://mludowise.github.io/Sketch-Plugin-Manager/):

1. In the 'Catalog' tab of the Sketch Plugin Manager window, click in the 'Search' field and type 'Launchpad', to filter the list.
2. You will see the 'Launchpad' plugin listed at the top of the list. Click the 'Instal' button inside it.

Adding these instructions would greatly help popularise and support the project.

Eventually, the pinning will update if you unselect and reselect the artboards. But it looks like a bug.

prepare export to other plugins dublicates the active document
and detaches all symbols on the current page as expected
but there are more pages which should also be prepared…

In presentation mode (⌘+.), the panel still appear where it should be hidden.

Hi,
This will be a general comment

1. Thank you for your efforts. Flex Box like design is a huge idea especially after play and see webflow.
2. Mostly design phrase is not controllable. Most of the time some weird behaviours prevent my designing and I can not move on.
3. There should be some little tricks as far as I see and we don't know what they are. We have to explore and invent those ways. I think there should be a detailed guideline.
4. After 4 hours and after 3 video tutorial, I can not achieve an e*commerce product list page with this tool. Especially nested groups and nested Stacks have issues that I could not understand.

This tool should help us to prevent loosing time as we designing a screen not just for breakpoints. Because screen adaptations are at the end of the designing process. After making a design we actually can make screen adaptations easier than designing.

if you make(actually DESIGN) a responsive grid with Auto Layout, after that phase with one shot you can prepare other screens, okay nice. But if you need to change grid design you have to prepare screens again. However changing design of a responsive grid with Auto Layout is not easy and not consistent.

For example please try to make a complex list. In this example (https://www.youtube.com/watch?v=DiCXg17CwIY&t=1225s) grid structure actually is not fully flexed. if you see sketch file there are some tricks in design and layer structure but I could not solved exactly and why I have to do that?

for example @24:20, he is tried to change text. After that right column image is shifted. You have to deal with that problem to use flexed grid properly. If you can not solve that, there is no need to use this because it takes time(much time than hoped)and the result is not consistent.

I have to make a file to demonstrate that actually I should make a video but currently there is no time for that.

thank you again for this grate tool at least thank you for serving a huge idea to softwares that we use.

It would be sweet if the text box could resize based on the the the override content. This would allow components to be more flexible where they could actually grow and shrink based on the content and properly push other groups farther down.

Steps:

1. Create a layer
2. Pin it to top, left, right
3. Resize artboard to see it working
4. Select layer and group it
5. Resize artboard to see it has now lost all layout constraints

Expected:
Grouping one or more layers retains layout behavior.

Actual:
All constraints are discarded. The group has no layout constraints, and the contained layers also have no layout constraints.

Files:
Video
Sketch file before
Sketch file after

Would be great to activate/inactivate needed features of Anima app.

For example, i use only stacks, so i'd like to have only stacks functionality and nothing else.

Something we use most in Interface Builder is being able to constraint to other views just like this:

Steps to Reproduce

1. Open an existing Sketch document. It will open with the Anima Panel already on the Inspector.
2. Open the menu in the Anima Panel itself (by clicking the cog icon), and select one of these commands: "Sites Manager", "Send Feedback" or "My Account".

Result

Sketch crashes and quits - with a crash report window coming up.

I have not signed up for the LaunchPad service, so cannot tell whether having a LaunchPad account would make a difference.

Can't clear pins on multiple items.

Any chance of publishing your latest version as a tagged release on github?

currently it is possible to just copy a group or symbol with defined pins and paste on an other artboard with a different width and it magically applies the pins directly (also between different documents) ... this is SO SO COOL! BUT it does not work for the vertical pins ... e.g. bottom align = 0

also sometimes (i think when the artboard is smaller than the previous) - it applies the settings but places the element shifted to the left weirdly.

could you please look into it?
many thanks

In version 0.5.0, selecting "Plugins -> LaunchPad by Anima -> Version -> What's New" produces the following window:

I'm guessing that considering the plugin is now at version 0.5.0, there should be something in the change log - and also, that it perhaps shouldn't tell me that I'm on version 0.0.3...

It seems to be Auto-layout plugin is not allowing drag objects of the Sketch document and also is collapsing whole Sketch app when it tries to open and import SVG files

when you have an dartboard in landscape and switch to another device, it defaults to portrait.

Without the plugin when I create a text layer on sketch I can change the width of the text layer
When the plugin is installed and I create a text layer then I can resize the width anymore.

Here is the video of the issue
textwidth-broken.mp4.zip

Would be a great feature to be able to export artboard with autolayout to xib file.

auto layout best plugin for sketch
with hide and show feature this plugin complete

Each time when i set the dynamic width of an object [bound] to i.e. 24px / 100% which is inside a group, each time i select the parent group of this object, it automatically adds 24px to the object X, where it clearly should not.

What i'm trying to do, is that that based on width of text layer [title] dynamically resize the background [bound] with paddings 12/12 on sides.

While the stack feature itself is already a huge time saver, one thing I was asked within my current project was to make sure the layer order in the layer list matches the visual one.
Currently these 2 are not relating to each other – In some cases this may be necessary, in order to have an element be "infront of all others" no matter position/order.

In my case this would seem to be more of an exception though.
However, I would suggest an option/toggle as part of the stack properties that automaticly changes the order within the layer list aswell.

What do u think about this?

Hi there!

This is a quick note to remind you that Sketch 45 will include a plugin update system.

It would be awesome if you could add support to it (it's really easy!) before Sketch 45 comes out. Ideally, you should release an update for your plugin while we're still in Sketch 44, so your users will have a nice & easy experience when 45 is released.

For more details, please check http://sketchplugins.com/d/229-updating-plugins and http://developer.sketchapp.com/introduction/updating-plugins/

Thanks in advance!

Steps to Reproduce

1. Open an existing Sketch document - it will open with the Anima Panel already showing
2. While leaving the document window open, open a second document.

Result

The Anima Panel shows an ugly redraw issue in the second document window - it seems the 'Inner Shadow' and 'Gaussian Blur' panel titles are drawn over Anima Panel's:

Workaround

Doing anything that forces a screen redraw - eg., clicking in one of the Inspector panels - fixes the glitch.

AnimaApp/animaapp.github.io#1 @salux