menu

Sketch

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

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 @bernat-fortet 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

@kev 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

@bernat-fortet 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