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

100%

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

✓ Published0🌍 Public

Last edited Jul 20, 2020

Created on Jul 20, 2020

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.

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

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

63% match

Loading thumbnail…

Update Figma Color Descriptions to include RGB

This example demonstrates a workflow for automatically updating Figma color style descriptions to include their corresponding RGB values. It uses the Figma API’s `getLocalPaintStyles()` method to iterate over all paint styles in the document. For each style, the script extracts the `paints[0].color` properties and constructs a description string containing the red, green, and blue channels, scaled from 0–1 to 0–255 using the `(color.r*256).toFixed(0)` calculation. The resulting RGB code is then assigned directly to the paint style’s `description` field, providing a quick way to document color values in a design file.

KKevinGutowski

55% match

Loading thumbnail…

Add a Color layer on top

A Sketch plugin script adds a full-artboard color overlay to visually inspect design contrast. It targets either a selected artboard or a layer within one, then creates a locked `ShapePath` named "Greyscale Layer" with a white fill and `Style.BlendingMode.Color`. The script uses `sketch` APIs like `getSelectedDocument`, `Rectangle`, and `ShapePath` to construct the overlay. If a greyscale layer already exists on the artboard, the script removes it before adding a fresh one.

KKevinGutowski

51% match

Loading thumbnail…

Reset Image Fills

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.

KKevinGutowski

50% match

Loading thumbnail…

Gist 9d6f5a0980393c12aca5243aae8947e0

This example demonstrates how to modify font attributes for a selected range of text within a Sketch document using the Sketch JavaScript API. It applies small-caps styling by accessing the text layer’s editing delegate and text storage, then constructs an `NSFontFeatureSettingsAttribute` dictionary to adjust the font descriptor. The code specifically uses `NSFontFeatureTypeIdentifierKey` and `NSFontFeatureSelectorIdentifierKey` for the `kLowerCaseType` and `kLowerCaseSmallCapsSelector` settings, then creates a new `NSFont` with `NSFontDescriptor` and applies it to the selected range via `addAttributes:range:`.

KKevinGutowski

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

Loading thumbnail…

Show ASE color palettes from Adobe Photoshop / Adobe Kuler

This example displays color palettes loaded from Adobe Photoshop ASE files and Adobe Kuler, rendered as a grid of 200 SVG rectangles. It uses the `adobe.ase.load` API to parse binary palette files and convert colors to `#RRGGBB` strings, then feeds the flattened array into `d3.scale.ordinal().range()` for coloring the rectangles. A dropdown menu lets users switch between built-in D3 color scales and various ASE palettes, including LAB and CMYK color space samples.

GGerHobbelt

49% match