Design + Sketch
Published in

Design + Sketch

Padding in Sketch with Anima Toolkit — Coming Soon

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

One of our most requested features for our Sketch Plugin, especially with Paddy 2 discontinued, is to allow Padding. Padding means that when you change the content, the background changes dynamically with it.

How Does It Work?

Let’s say you create a button, and it has a background Rectangle behind its icon and text. If you set your button padding for 10px, the Rectangle size will adjust to always be 10 pixels from the button content.

And Sketch Symbols are also supported.

Plays with Others

If you’re using Stacks or Pins, you’re able to combine them with Padding. With Stacks, padding will push other layers as is expands. With Pins, for example, you can pin a group to the right, and it’ll stay put while the content & background grows. This trick saves a ton of duplicated work.

Stay Tuned

If you already installed Anima Toolkit plugin, you’ll see an update through Sketch once the new version is available for everyone.

As always, we’re excited to hear your feedback!

Join the discussion or show off your designs on Facebook, Twitter, Slack, Instagram, and vote for new features at UserVoice.

Stay creative!
❤️ Anima team



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store