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 UseCreate 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 AutoHotkeyYou 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, ^kSleep, 200Send, Toggle Grayscale FilterSleep, 200Send, {Enter}return
Plugin Details
| Version | 2 |
|---|---|
| Created | February 16, 2025 |
| Last Updated | August 13, 2025 |
| Category | editing & effects plugins |
| Creator | Chawl |
| Stats | 17 installs, 3 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.