Reset Image Fills

100%

Reset Image Fills

✓ Published0🌍 Public

Last edited Jul 14, 2020

Created on Jul 14, 2020

This example restores the default image assets in Sketch by resetting the global image fills to the application’s built-in preset collection. It loads the preset file from the bundle path, retrieves its image collection and image list, then assigns them to the shared global assets. The code uses the Sketch JavaScript API via `NSBundle`, `NSURL`, and `MSPersistentAssetCollection` to perform the reset, effectively replacing any user-modified fills with the factory defaults.

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

56% match

Loading thumbnail…

SketchPreset NSData

An interactive Node.js visualization uses d3.forceSimulation to position a network of SVG circles, each colored by a sketch preset. The sketch data is loaded from a JSON archive and rendered as a force-directed graph. The example demonstrates force layout with drag behavior and visual encoding of categorical data through node fill colors.

KKevinGutowski

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

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

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

50% match

Loading thumbnail…

Create layers for each pixel with opacities

This example shows a raster image decomposed into one layer per pixel, with each layer’s position and fill color corresponding to the original bitmap’s coordinates and sampled color values. It uses the Sketch JavaScript API, iterating over the image’s width and height via `NSBitmapImageRep` to retrieve each pixel’s color with `colorAtX_y`. The code creates a `ShapePath` for every pixel, assigning the color via an `MSColor` fill, and groups all resulting rectangles under a new `Group` named “pixel layers.”

KKevinGutowski

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

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

49% match