Padding for Nested Symbols in Sketch with Anima
Anima allows designers to create high-fidelity prototypes right inside Sketch, Adobe XD, and Figma and export HTML & CSS in a single click.
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.
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:
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