Join the conversation

Sign in to join this conversation, and others like it, in the communities you care about.

Sketch

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.

Sketch / General

Question about Sketch Text Symbols

Question about Sketch Text Symbols

Sketch / General · November 8, 2017 at 8:18pm
I'm very familiar with text symbols / styles in sketch but I'm having a specific issue with text overrides. I'm trying to create a symbol that includes text and icons and I want the icon to move dynamically as I apply my override to the symbol. The way my document is currently setup it doesnt seem to be working. If anybody has some insight that'd be great!

November 8, 2017 at 8:19pm

Basically this should work by placing a rectangle between the text layer and the icon frame

like-fill
1
  • reply
  • like

If for some reason you're looking for something a little more advanced you might want to look into the auto layout plugin

like-fill
1
  • reply
  • like

You might also be able to achieve this with this button plugin: https://github.com/kenmoore/sketch-relabel-button

  • reply
  • like

Theres a 20px maximum that the two objects can be from one another in order for the text layer to push the other layer

like-fill
1
  • reply
  • like

Anything over that or more complex relationships will need a plugin

like-fill
1
  • reply
  • like
Your message here...

*bold*_italic_`code````codeblock```