Back to Plugins

Toggle Grayscale Filter
Toggle the Grayscale Filter in just 1 second. Good for accessibility testing and contrast checking.
Plugin Preview
About this plugin
Toggle Grayscale Filter Plugin Usage Guide
🛠️ How to Use
- Create a new Rectangle object in Figma.
- Set the Fill color to #000000 (black) in the properties panel.
- Change the Blend Mode to Saturation in the properties panel.
- Rename the layer to "Grayscale Filter".
- Move the layer to the top level in the 'Layers' panel. (📌 Note: The layer must not be inside any Section.)
- Resize the Rectangle to cover the area where you want grayscale mode applied.
- Run the plugin to toggle the visibility of the "Grayscale Filter" layer.
⚠️ The plugin will not work if:
- The object is not a Rectangle (e.g., Circle, Polygon, etc.)
- The layer name is not exactly "Grayscale Filter"
- The layer is inside a Section (it must be at the top level)
💡 Using with AutoHotkey
You can use AutoHotkey to quickly run the plugin with the shortcut.
Save this script in AutoHotkey and run it. Pressing Ctrl + Y will instantly activate the plugin.
Example script:
^y::
Send, ^k
Sleep, 200
Send, Toggle Grayscale Filter
Sleep, 200
Send, {Enter}
return
Plugin Details
Version | 2 |
---|---|
Created | February 16, 2025 |
Last Updated | August 13, 2025 |
Category | editing & effects plugins |
Creator | Chawl |
Stats | 4 installs, 1 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.