menu

Sketch

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

Channels
Team

Question about Sketch Text Symbols

November 8, 2017 at 8:18pm

Question about Sketch Text Symbols

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