Introduction to Layout for Sketch

Powerful Responsive Layout Engine Inside Sketch

Or avatar
Written by Or
Updated over a week ago

Before Anima, advanced responsive layouts were only possible by using code. Anima brings the power of code into Sketch, with an intuitive visual interface.

Brought to you by the creators of Auto-Layout for Sketch (Now Anima's Layout) and the first to introduce Stacks into the design world.

In this article, we introduce three features of Anima for Sketch: Stacks, Padding, and Pins.

Download the Sketch sample file to try it yourself in Sketch!

Stacks

Build consistent Sketch designs with Stacks. It’s like Flexbox for designers.

Stacks allow you to make your design structured, consistent, and predictable by controlling how layers are organized, aligned, and resized based on other layers within the same Stack.

Learn more about Stacks.

Padding

No more Whack-a-Mole. Make your buttons dynamic by using Padding.

Padding makes your buttons resize themselves magically based on their content. No more playing whack-a-mole with dozens of buttons that have to be resized each on its own. Simply set Padding once, and Anima will take care of the rest.

Learn more about Padding.

Pins

Leave guessing to Game Night. Define exactly how your design looks on all screen sizes.

Create responsive Artboards and Symbols. Boost Sketch resizing tools with the most powerful and innovative layout engine. 

Use Pins to pin layers by pixels or by percent, and cover the infinite number of screens that actually exist in the real world. Get the power of code without coding, right inside Sketch.

Note: Pins should be added using Sketch's native app and are supported by Anima.


Learn more about Pins.


❗️Please note:

  • Due to the shift towards Figma in the UX/UI market, we have decided to remove official support for our Sketch plugin. However, users can still use the plugin as-is. We recommend using Anima with previous Sketch versions.


Get involved in our Anima Community Forum!

New to Anima?

Learn More

Did this answer your question?