Coloring text with Sketch
I have been using Sketch for about 6 months now and am really loving what it offers the UI designer. Yes, there are still some issues and bugs, but the potential for this application is really strong.
One thing I struggle with is the relatively weak typography features when compared with Illustrator. For example, I couldn’t for the life of me figure out how to do multi-color text strings within a paragraph container. Until today.
I thought I’d share. :-)
Step 1: Press the T key to activate the text tool and then type some text on the canvas. If you already have text to select, double-click the text block and then drag to select a word or two that you’d like to color.
Step 2: Click the color well at the bottom of the text inspector (over on the right of the window).
Step 3: Pick a color from the palette.
And that’s it! Seems pretty simple right? Well, there are two ways to color things in Sketch. The other spot is located in the fill panel at the top hierarchy of the Inspector. To get back there, click the Back button at the top of the Inspector:
If you click the color well here, any color you pick will color all the text in the block, rather than the selection you have.
Hope that helps.