Collapsing Stacks, Fixed Position & More

Launchpad & Auto-Layout 0.8

Published in

Design + Sketch

3 min readJun 14, 2017

Anima allows designers to create high-fidelity prototypes right inside Sketch, Adobe XD, and Figma and export HTML & CSS in a single click.

On our mission to empower designers, we are continuously pushing the envelope on what designers can achieve without writing code.

On this update, we introduce 2 new features for Auto-Layout, one for Launchpad, and a few more improvements.

👌 Fixed Position

Launchpad allows you to publish websites directly from Sketch, no coding required. We keep adding visual tools in order to give you more and more power without the need to program or deploy it.

Today’s new feature, Fixed position, allows you to set ‘floating’ layers that does not scroll with your website content. This is great for menus, navigation headers, call-to-action footer and more.

How to

Select a layer
Press ‘•••’ button in the panel
Set Fixed Position
Use Auto-Layout Pins to pin the layer to the corners

The ••• displays the More menu — then Select ‘Set Fixed Position’

👐 Collapsible Stacks

4 months ago we’ve introduced Auto-Layout Stacks. Stacks has a similar behavior to CSS Flexbox. Layers in a stack are automatically arranged vertically/horizontally, and has a constant spacing from each other.

Since it was released, thousands of designers became fans of stacks, and we’re getting suggestions all the time on how to make it even more powerful.

We’re adding a new feature to stacks — Collapsing Stacks.

It’s pretty simple:
When you hide a layer, or override a symbol to ‘none’, the stack will ignore it while rearranging the other layers.

Collapsing is Optional

It won’t break your existing design, and you can choose if you want your stack to be a Collapsing Stack, under the stack settings. New stacks will start as collapsing, and you may change it to your needs.