Pasteboard

100%

✓ Published0🌍 Public

Last edited Jun 10, 2020

Created on Jun 10, 2020

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.

AI-generated description

Similar vizzes

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

83% 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

74% match

Loading thumbnail…

A Sketch snippet to copy global colors to the pasteboard

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.

KKevinGutowski

68% 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

64% match

Loading thumbnail…

Sketch Prefs

This gallery piece visualizes a user’s Sketch preferences by reading the application’s default settings from the operating system. The data, sourced from the user’s `NSUserDefaults`, is extracted using a JavaScript script that logs the dictionary representation of these preferences. The visualization renders this preference data as a structured layout, built with the Processing library, mapping each key-value pair to a graphical element. The example demonstrates a direct pipeline from system configuration to visual form, relying on the `defaults.dictionaryRepresentation()` API to provide the underlying dataset for display.

KKevinGutowski

55% match

Loading thumbnail…

Gist b3b904582eaa49475bc90dacbb6d92c9

This example demonstrates how to construct and arrange basic geometric shapes within a Sketch document using the `sketch` JavaScript API. The code programmatically creates an artboard and populates it with a square, a triangle, a hexagon, and a circle, each styled with distinct fill colors or a bordered outline. The `ShapePath` class and its `ShapeType` enumerations are the core components, with coordinates and dimensions set through `frame` objects. The rendering approach is code-driven, defining visual elements directly without external data sources, showcasing the library’s programmatic drawing capabilities.

KKevinGutowski

55% match

Loading thumbnail…

Gist 4da3ecb32517e64ddc52428cdb30eaab

This example demonstrates a Sketch plugin that monitors document changes and provides real-time feedback through popup messages. It shows how the plugin reacts to three types of edits: property modifications, object deletions, and object additions or moves. The code uses the Sketch JavaScript API, including `sketch.UI.message` for notifications and `sketch.fromNative` to wrap native objects for access to parent artboards. It logs the full path of each change and distinguishes between moved objects and genuine additions or deletions, with special handling for deletions that are part of a move operation.

KKevinGutowski

54% match

Loading thumbnail…

Sketch Logs/Crash Files

This example visualizes a chronological log of Sketch application crash files from a Mac’s DiagnosticReports directory. It shows each crash report as a data point with its file path and formatted creation date. The code uses the Foundation framework’s `NSFileManager` and `NSDateFormatter` to list and timestamp files, filtering for names starting with “Sketch” via JavaScript’s `startsWith`. Output is a plain array of objects, with no graphical rendering library applied.

KKevinGutowski

52% match