Padding for Nested Symbols in Sketch with Anima

Anima App's medium blog
Design + Sketch
Published in
2 min readNov 14, 2018

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

Update: Turn it on from plugin menu. In older MacOS, Sketch might be less stable.

Two weeks ago we have introduced Padding in Sketch. This was an exciting addition:

Since the release of Padding, the number 1 request in our uservoice page is Nested Symbols support for Padding.

https://uservoice.animaapp.com

If you’re working with a Design System and adopted Atomic-design, it’s very clear why.

So today, we’re shipping the support for Nested Symbols 🎉

For example: You have a button symbol with padding, inside a post cell symbol, that has a stack and also has padding.
Here’s how it looks with overrides:

Download Sample File

Learn more about how to use Padding here.

How to Update

If you already installed Anima Toolkit plugin, you’ll see an update in Sketch’s top-right corner. Remember to restart Sketch.

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

--

--