menu

Sketch

Over one million designers use Sketch to transform their ideas into incredible products, every day.

Channels
Team

Sketch Plugin for color shortcuts

June 4, 2018 at 9:05pm

Sketch Plugin for color shortcuts

June 4, 2018 at 9:05pm
I used this amazing plugin called color switch. I could set colors and assign shortcuts to them.
It stopped working a while back and I can't stop thinking about something similar.
Has any of you found a similar plugin?
I just want to be able to press ctrl + 1 and add a color to my selected object.
Thanks!

June 5, 2018 at 1:29am
Huh, thats pretty cool! Do you have a link to the old plugin somewhere? I might be able to patch it.
  • reply
  • like

June 5, 2018 at 6:12pm
Sweet, I’ll see what I can do. At the very least I can get it working so that you can set the color values in the json and use the keyboard shortcuts. I haven’t had a chance to work with Sketch input fields yet but it might be easier than I’m imagining.
like-fill
2
  • reply
  • like
that's what I was doing before and I think it's good enough 👍
  • reply
  • like

June 9, 2018 at 8:02am
Quick update! I got the basic idea working. I’d like to tidy up a few things before the initial release but its getting close to done. (You’ll notice that the fill/border properties in the sketch UI don’t update properly. I have to reset something to get them to switch.)
like-fill
1
  • reply
  • like
like-fill
3
  • reply
  • like

June 25, 2018 at 6:26am
Heya I was able to finish my initial release of the plugin. Check it out at: https://github.com/KevinGutowski/keyColor
like-fill
2
  • reply
  • like
There are a few known bugs (make sure you format your hex values in the settings properly) but it should work alright.
  • reply
  • like
Let me know if it works out for ya!
  • reply
  • like
This is awesome. I use sass variables for colors - $color1,$color2. So Designer and front end can use same variables :)
  • reply
  • like

June 26, 2018 at 8:05pm
Amazing!!! 😍💯
  • reply
  • like
One cool improvement would be to detect if the object is a text object and change the text color instead of adding a fill
  • reply
  • like
ahh that shouldn’t be too tricky - I’ll add that to the list of todos!
  • reply
  • like

July 27, 2018 at 12:59am
did you have a chance to look at the text color instead of fill?
I'm using it all the time btw 👊
  • reply
  • like
Ah sorry mate, I’ve been a bit busy lately! I’m almost done with my website so I’ll have some time to work on the plugin again. Thanks for the encouragement and I am glad you are finding it useful!
  • reply
  • like

July 31, 2018 at 6:00am
I just pushed an update that should change the text color for text objects! I hope it works out for ya. (You can also find the latest release here: https://github.com/KevinGutowski/keyColor/releases )
like-fill
2
  • reply
  • like

July 31, 2018 at 9:29pm
I'd love for your plugin to get more exposure I bet a ton of people would find it helpful.
Maybe creating a post in the #Plugins channel?
  • reply
  • like

August 1, 2018 at 8:03pm
Yeah, I haven’t done much marketing of the plugin aside from a few tweets. I’ll be sure to post something in that channel! As always, feel free to let me know if you have any issues or questions!
  • reply
  • like