Back to Plugins
Grayscale

Grayscale

<p>Convert your designs to grayscale to get more targeted feedback during user testing, evaluate visual hierarchy, signify deprecated designs, and more.</p><p><br></p><p><strong>This plugin is non-destructive</strong>. A filter layer is added to the canvas above each selected element and can easily be undone. </p><p><br></p><p>Supports multi-select on all types of elements, including frames, nested frames, and images. </p><p><br></p><p><strong>Steps to use</strong></p><ol><li>Select any number of elements on the screen.</li><li>Choose "Grayscale Selection" from the plugin submenu.</li><li>To undo, select "Remove All Grayscale" from the plugin submenu, ⌘Z / Ctrl + Z, or manually delete the "Grayscale filter" layers.</li></ol><p><br></p><p>Nested component and auto-layout support coming soon.</p>

blendconvertnon-destructivegrayscalefeedbacksaturationblack and whitewireframe

Plugin Preview

Grayscale preview

About this plugin

Convert your designs to grayscale to get more targeted feedback during user testing, evaluate visual hierarchy, signify deprecated designs, and more.


This plugin is non-destructive. A filter layer is added to the canvas above each selected element and can easily be undone.


Supports multi-select on all types of elements, including frames, nested frames, and images.


Steps to use

  1. Select any number of elements on the screen.
  2. Choose "Grayscale Selection" from the plugin submenu.
  3. To undo, select "Remove All Grayscale" from the plugin submenu, ⌘Z / Ctrl + Z, or manually delete the "Grayscale filter" layers.


Nested component and auto-layout support coming soon.

Plugin Details

Version2
CreatedMay 10, 2022
Last UpdatedMay 12, 2022
Categoryediting & effects plugins
CreatorStephan Somers
Stats6074 installs, 275 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:src/code.js
  • Editor Types:
    figma