Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


A nimble Sketch plugin that allows copying an element's styles directly to your Mac clipboard. It supports clipboarding raw CSS styles, SCSS variable definitions and styles with SCSS variables.


Move StyleClip.sketchplugin into your Plugins folder in Sketch or double-click StyleClip.sketchplugin


You can use the plugin by selecting StyleClip from the Plugins dropdown in the menu bar or using these keyboard shortcuts:

  • Cmd + shift + y: Clip Raw CSS Styles - Copy raw CSS associated with this element
  • Cmd + shift + u: Clip SCSS Globals - Generates and copies SCSS colors associated used in the current mockup
  • Cmd + shift + i: Clip SCSS Styles - Copy SCSS styles associated with this element

Make sure that when using this plugin, you are selecting the root (bottom) element containing all the styles that you wish to copy. Selecting layers (folders with contents) might not copy you the styles you want.


SCSS Conventions

  • SCSS Variables are capitalized
  • RGBA colors are postfixed with a dash and their percentage opacity. For example, $WHITE-80: rgba(255,255,255,0.80);
  • Colors that occupy the same variable due to being very close in hex value are postfixed with an index based on their ordering within document color. For example:

If you have differing SCSS preferences, feel free to fork this plugin and adapt it to your own needs.

Contributions & Credits

This project was inspired by wanting to reduce the keystrokes necessary when moving from Sketch mockups to SCSS, particularly when having to re-reference colors and variables due to forgetting their names.

Feel free to drop me a line on twitter to @liawesomesaucer if you have a question or contribution.

Thanks to Chirag Mehta's project Name that Color Javascript for color naming functionality.


Sketch plugin that copies an element's styles directly to your Mac clipboard. Supports CSS & SCSS






No packages published