Invert Colors

Figma Plugin

ㅤ

Description

Invert Colors is a Figma plugin designed to help designers quickly experiment with color inversions in their designs. Whether you're exploring dark mode alternatives, creating visual effects, or simply need to invert colors for accessibility testing, this plugin makes the process effortless.

ㅤ

Key Features

Real-time Preview: See color inversions instantly before applying changes
Batch Processing: Invert colors for multiple selected items at once
Smart Color Handling: Works with solid colors, gradients, and images
Non-destructive Workflow: Preview changes before committing

ㅤ

Using the Plugin

ㅤ

➊ Select Your Elements

Open your Figma file
Select one or more elements you want to invert.

Tip: You can select multiple items at once to batch process them.

➋ Launch the Plugin

With your elements selected, open the plugin: Go to Plugins → Invert Colors
Or use the Quick Actions menu (Cmd/Ctrl + /) and search for "Invert Colors"
The plugin dialog window will appear with multiple options:

ㅤ

➌ Configure Inversion Options

Before applying, you can customize what gets inverted using the settings panel:

Invert Fill Color: Toggle to invert/preserve fill colors
Invert Stroke Color: Toggle to invert/preserve stroke colors
Invert Image Fills: Toggle to invert/preserve image pixel data

Tip: Disable specific options if you want to preserve certain aspects of your design. For example, turn off "Invert Image Fills" to keep photos unchanged while inverting other colors.

➍ Preview Your Changes

The plugin window opens with Preview enabled by default
Your selected elements will immediately show the inverted colors based on your settings
Click the eye icon button to toggle preview on/off and compare before and after:
• Eye open (blue outline): Preview is active - see inverted colors in real-time
• Eye closed: Preview is off - return to original colors
Adjust the inversion settings and the preview updates automatically

Note: Preview is non-destructive - your original colors are preserved until you click Apply.

➎ Apply or Cancel

Once you're satisfied with the preview:

Click "Apply": Permanently apply the color inversion to your selected elements
Click "Cancel": Close the plugin and revert to original colors

ㅤ

Undo if Needed

If you applied the changes and want to revert:

Use Figma's undo function (Cmd/Ctrl + Z)
Your original colors will be restored

ㅤ

That's it! With selective inversion controls and real-time preview, you have complete control over how your colors transform.

Experiment freely and find the perfect color scheme for your design.

ㅤ

#Color

Invert Colors

Version: 1.0.3

Updated: November 8, 2025

Try Invert Colors

1.0.0 – Initial release.
1.0.1 – Added true inversion for image fills by processing pixel data.
1.0.2 – New Preview button: a clean, square icon placed between Cancel and Apply for effortless on/off toggling.
1.0.3 – You can now choose to invert fills, strokes, and images separately, with instant live preview.
Supported Versions:
- Compatible with Adobe Illustrator CS6 and later, including Adobe Illustrator CC versions.
Operating Systems:
- Works on both macOS and Windows platforms.
End User License Agreement (EULA)
Last Updated: 21.12.2024
ㅤ
This End User License Agreement (“Agreement”) is a legal agreement between you (“User” or “Licensee”) and Samolevsky.com (“Licensor”) regarding the use of the Adobe Illustrator scripts (“Software”). By downloading, installing, or using the Software, you agree to be bound by the terms of this Agreement.
ㅤ
1. Grant of License
Licensor grants the User a non-exclusive, non-transferable, and revocable license to use the Software in accordance with this Agreement.
- Free Software: If the Software is provided for free, you may use it for personal or commercial purposes without payment, subject to the restrictions outlined in this Agreement.
- Paid Software: If the Software is provided for a fee, you may use it only after payment has been made in full.
ㅤ
2. Usage Rights
You are permitted to:
- Install and use the Software on devices you own or control.
- Use the Software in your personal or commercial projects, subject to compliance with this Agreement.
ㅤ
3. Restrictions
You may NOT:
- Reverse engineer, decompile, or otherwise attempt to discover the source code, underlying ideas, or algorithms of the Software.
- Reuse, incorporate, or integrate any portion of the Software into any other software, product, or project, except as expressly permitted by the Licensor in writing.
- Resell, redistribute, or share the Software, whether in its original or modified form, without prior written consent from the Licensor.
- Claim ownership of the Software or its underlying code.
- Use the Software in any way that violates applicable laws or regulations.
ㅤ
4. Ownership
The Software and all intellectual property rights therein remain the exclusive property of the Licensor. This Agreement does not transfer ownership of the Software or any intellectual property rights to the User.
ㅤ
5. Disclaimer of Warranties
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL THE LICENSOR BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
ㅤ
6. Limitation of Liability
To the maximum extent permitted by law, Licensor shall not be liable for any damages, including but not limited to direct, indirect, incidental, special, or consequential damages, arising out of or related to the use or inability to use the Software.
ㅤ
7. Termination
This Agreement is effective until terminated. Licensor may terminate this Agreement immediately if you breach any term of this Agreement. Upon termination, you must cease all use of the Software and destroy any copies in your possession.
ㅤ
8. Updates and Support
Licensor is not obligated to provide updates, support, or maintenance for the Software. However, updates may be provided at the sole discretion of the Licensor.
ㅤ
9. Governing Law
This Agreement shall be governed by and construed in accordance with the laws of the State of New York, without regard to its conflict of law principles.
ㅤ
10. Entire Agreement
This Agreement constitutes the entire agreement between you and the Licensor concerning the Software and supersedes all prior or contemporaneous understandings regarding such subject matter.
By using the Software, you acknowledge that you have read this Agreement, understand it, and agree to be bound by its terms.
ㅤ
For any questions or concerns regarding this Agreement, please contact us at hello@samolevsky.com

Required Software

Figma

Learn more

Figma is a cloud-based design and prototyping tool primarily used for user interface and user experience design. It allows designers, developers, and other stakeholders to collaborate in real-time on projects.

Browse More Plugins

More Figma Plugins

Explore Stroke Width Randomizer

Stroke Width Randomizer

A powerful Figma plugin that applies random stroke widths to selected objects within a customizable range.

Explore
Explore Stroke Scaler

Stroke Scaler

A Figma plugin that allows you to scale and adjust stroke weights on selected objects with real-time preview.

Explore
Explore Select by Name

Select by Name

Select by Name is a powerful Figma plugin that allows you to quickly find, filter, and select design elements by their names across your Figma documents.

Explore

Got questions?

Need help or have an idea to share? We’d love to hear from you! Whether you have questions, found a bug, have a feature request, or just want to share your feedback, reach out to us—we’re here for you!

Ask a Qestion