Skip to main content
SimilarExport ZIP
100%

A Sketch snippet to copy global colors to the pasteboard

✓ Published0🌍 Public
KKevinGutowski
Last edited May 18, 2019
Created on May 18, 2019

This sketch copies all global color assets from a Sketch document to the clipboard as CSS rules, converting each color to hex and generating class names. It uses the Sketch JavaScript API (`sketch.globalAssets`) to access color assets and `NSPasteboard` to write the formatted string. The code iterates through every saved color, builds a CSS block with a `.colorN` selector or the asset’s name, and trims trailing whitespace before showing a confirmation message.

AI-generated description

Similar vizzes

Loading thumbnail…

Sketch Global colors to Layers

This example demonstrates how to extract the global color palette from Sketch’s asset library and render each color as a square swatch on the selected page. It iterates through the document’s color assets, converts each color from its native color space to a hexadecimal string, and creates a new `ShapePath` for every swatch, positioning them in a horizontal row. The script uses the Sketch JavaScript API, specifically `MSPersistentAssetCollection`, `ShapePath`, and `Rectangle`, with custom helper functions for RGB-to-hex conversion.

KKevinGutowski
76% match
Loading thumbnail…

Pasteboard

This example demonstrates the various formats a copied Sketch object can take when retrieved from the system pasteboard. It shows that a single clipboard item contains multiple simultaneously available data representations, including native Sketch JSON, Adobe PDF, and TIFF image data. The visualization uses AppleScript’s `NSPasteboard.generalPasteboard().pasteboardItems()` API to access clipboard contents, then calls `items[0].types()` to list the available MIME types and `items[0].dataForType('com.bohemiancoding.sketch.v3')` to extract the raw binary data, which appears as a hexadecimal dump. The code reveals the clipboard’s multi-format nature without rendering any graphical output.

KKevinGutowski
68% match
Loading thumbnail…

Read/Write Sketch objects from the pasteboard

This example demonstrates how to copy and paste Sketch layer objects through the system pasteboard, showing both read and write operations. The read script retrieves layers from the pasteboard using `MSPasteboardManager.readPasteboardLayersFromPasteboard` and wraps them with the Sketch JavaScript API. The write script takes a selected layer from `doc.selectedLayers`, wraps it in an `MSLayerArray`, and writes it using `MSPasteboardLayers.pasteboardLayersWithLayers` and `MSPasteboardManager.writePasteboardLayers_toPasteboard`. The code relies on the `sketch` module and native Objective-C class access, with `context.document` providing the document’s color space.

KKevinGutowski
65% match
Loading thumbnail…

Reading Sketch preferences for colors

This visualization captures a software designer’s preferred color settings for Sketch by reading them directly from the application’s saved user defaults. The code uses the `NSUserDefaults.standardUserDefaults()` API to retrieve the stored `colorForMeasurements`, `colorForFlows`, and `colorForSnapsAndGuides` preferences, then decodes the binary data with `NSKeyedUnarchiver`. The resulting color values are likely rendered as a palette or swatches, revealing the user’s chosen hues for interface measurement overlays, flow arrows, and snapping guides, all without manual input.

KKevinGutowski
63% match
Loading thumbnail…

Clipboard/Pasteboard reading

This example demonstrates a live readout of the system clipboard’s contents by inspecting the pasteboard directly. It shows the list of available data types, then retrieves and prints the plain-text and HTML representations, as well as the raw bytes of a custom Apple WebKit type. The code uses the macOS `NSPasteboard` API and its `generalPasteboard()` method to access the current pasteboard item, calling `pasteboardItems()` and then `stringForType` and `dataForType` to extract specific formats. The output is logged to the console, revealing the actual clipboard payload.

KKevinGutowski
63% match
Loading thumbnail…

Move Global Assets Colors and Gradients to Document Asset Colors and Graidents

This example shows how to move color and gradient assets from the global library into a document's asset collection. The code first retrieves the shared global assets using `MSPersistentAssetCollection.sharedGlobalAssets()`, then calls `colorAssets()` and `gradientAssets()` to extract those specific asset types. It then accesses the current document through `context.document` and uses its `documentData().assets()` object to set these collections with `setColorAssets()` and `setGradientAssets()`. The script relies on the Adobe InDesign scripting API, which provides access to document-level asset management.

KKevinGutowski
63% match
Loading thumbnail…

SF Symbols -> Sketch

The example imports SVG files from URLs copied to the macOS pasteboard and places them onto a selected artboard in Sketch. It uses the Sketch JavaScript API with `sketch.ShapePath`, `sketch.getSelectedDocument`, and `MSSVGImporter` to parse and convert each SVG into a native layer. The script reads URLs via `NSPasteboard` and `readObjectsForClasses_options`, then positions each imported layer horizontally with an offset of 50 pixels. The code demonstrates batch SVG ingestion from clipboard data into a design document.

KKevinGutowski
61% match
Loading thumbnail…

Change Sketch Measurement Color

This example shows a Sketch plugin that programmatically reads the current measurement color from the active document and prints its RGBA values to the console. The code uses the `sketch` library to access the selection, then the `eventHandlerManager`, `normalHandler`, and `measurementRenderer` APIs to retrieve the color as an `NSColorSpaceColor` object. The resulting output confirms a solid red fill. No data source is involved; it demonstrates direct inspection of a Sketch interface element's style.

KKevinGutowski
60% match