Sketch Color Palette Plugin

2 years ago from , Senior Product Designer at Spotify

I just finished a plugin for Sketch which allows you to save and load colors into the color picker. Check it out:

https://github.com/andrewfiorillo/sketch-palettes

It grabs the colors from the Document Colors section of the color picker and saves them as a .sketchpalette file, which you can then share with other people that have the plugin. Loading the palette file replaces the colors in the Document Colors section of the color picker for the current document. There is also a command to just clear out all of the Document Colors.

Let me know what you think!

35 comments

  • Andy LeverenzAndy Leverenz, 2 years ago

    Logged in to up vote. Thanks for making this!

    14 points
  • Gabriel BrodersenGabriel Brodersen, 2 years ago

    You should put it on Sketch Toolbox!

    6 points
  • Ollie BarkerOllie Barker, 2 years ago (edited 2 years ago )

    This is gold. Should be integrated into Sketch as an official plugin.

    3 points
  • Aaron James, 2 years ago

    This is great. Thank you.

    Will you be adding support for Illustrator/Photoshop swatch files in the future?

    2 points
    • Andrew Fiorillo, 2 years ago

      I hadn't thought about that yet. But it would be quite handy. Ase files are a lot different than the simple palette format I created. So it definitely wouldn't be trivial. But it looks like other people have had success decoding adobe ase files, so I think it could be doable.

      1 point
    • Andrew Fiorillo, 2 years ago (edited 2 years ago )

      So, I couldn't resist attempting this immediately after your comment. I wasn't able to get it working in the plugin yet, but I spent a few hours looking into it, and was able to cobble together an in-browser utility to convert .ase files to the .sketchpalette format used in my plugin. It works for me, but it's pretty hacky, so your mileage may vary. I'll see if I can get it to a point where it can be rolled into the main plugin.

      https://github.com/andrewfiorillo/ase-to-sketchpalette

      1 point
    • Pedro Moreira da SilvaPedro Moreira da Silva, 2 years ago

      Great suggestion to make this plugin even better. You have my vote!

      0 points
  • Ryan GloverRyan Glover, 2 years ago

    So much better than dragging a .PNG with my color palette in it to take swatches. A+!

    2 points
  • Jonathan YapJonathan Yap, 2 years ago

    You glorious hunk of man you! I could kiss you right now.

    1 point
  • Kyle CaseKyle Case, 2 years ago

    Palettes in Sketch was one of my biggest pains. This is fantastic!

    1 point
  • Chris Aalid, 2 years ago

    This changes everything!

    1 point
  • Brad McNallyBrad McNally, 2 years ago (edited 2 years ago )

    This looks great! Is there a way to have a label for each color?

    Something list this? https://www.dropbox.com/s/mw5bknkq9reks4d/Screenshot%202015-09-24%2013.00.23.png?dl=0

    Sometimes it is hard to distinguish subtle colors from the small preview, so having a name associated with it would be super helpful! Right now I've tried using the System Color picker by accessing View -> Show Colors, but it is pretty buggy in Sketch (Colors not applying or only applying after you move something 1px)

    1 point
    • Andrew Fiorillo, 2 years ago

      Yeah, I tried using the OS X color picker method too, but ran into similar buggy issues, and it was just less convenient than having it in Sketch.

      I'd love to have labels for colors like you mocked up too. That would involve somehow changing the UI of Sketch itself. I haven't seen any other plugins that do this, but if it's possible, I definitely think it would be a great addition.

      0 points
  • Daiji ShikamaDaiji Shikama, 2 years ago

    I'm so glad I saved my first comment on DN for this moment.

    1 point
  • Jesse Masci, 2 years ago

    This is great! Now I have good reason to organize my colour palette! The only thing missing now is being able to label/name my colours :p

    0 points
  • Adam BrodowskiAdam Brodowski, 2 years ago

    I've wanted something like this for aged. This will save tons of time. Very nice!

    0 points
  • Thomas Høgild, 2 years ago

    Great plugin. Thanks for making and sharing this.

    0 points
  • Diego LafuenteDiego Lafuente, 2 years ago

    Andrew, I'm using your app :P, I feel like paying for some basic parts is too much :D

    0 points
  • Simon LudwigSimon Ludwig, 2 years ago

    Finally! Thanks

    0 points
  • Ashley CyborskiAshley Cyborski, 2 years ago

    This is fabulous!

    0 points
  • Patrick LoonstraPatrick Loonstra, 2 years ago

    Great tip. Thanks. I added it to my collection of great Sketch content at sketch.zeef.com.

    0 points
  • Sean LesterSean Lester, 2 years ago

    Hey Andrew - I'm over at Match.com!

    I'm actually working on a proposal to switch us from Adobe to Sketch + Zeplin + InVision. Dropping adobe entirely obviously isn't preferable, but the only way I'm adding any software is if we cut other software costs. I'm thinking we'd grab Affinity Photo to bridge the photo editting gap. What are your thoughts?

    0 points
    • Andrew Fiorillo, 2 years ago

      Hey Sean,

      A bunch of people on our team have adopted Sketch, and it's been great. We still use Adobe products for some things, like photo editing and complex illustrations, but Sketch is the primary tool for interface design. If you're interested in hearing more about our workflow or my thoughts on those tools, DM me on twitter: @andrewfiorillo.

      0 points
      • Nick MorrisonNick Morrison, 2 years ago

        The irony of this conversation between two "matchmakers" is great.

        Both of you have awesome work! Thanks for the plugin Andrew.

        1 point
  • Kevin RabinovichKevin Rabinovich, 2 years ago

    You should use the Show DN: tag next time. :)

    0 points
  • Aaron MartinAaron Martin, 2 years ago

    Praise the lord!

    0 points
  • Chris SlowikChris Slowik, 2 years ago

    Awesome! Been needing something like this for a while heh

    0 points
  • Trev MorrisTrev Morris, 2 years ago

    This is flipping good. Cheers Andrew!

    0 points