Simply invert fills, strokes & effects colors in Figma
- Invert fills, strokes and effects colors of components including images! 🤩
- Select which parts, nodes and paints should be inverted; filter options; toggle one, group or all SOON options with single click!
- Save configuration in storage to use it later or run configuration once SOON
- Set configuration based on existing components (get type of node, parts and paints) SOON
- Exclude colors (set them manually or get from components) SOON
- Invert
- Configure Settings
- Configure From Elements
- Fills
- Strokes
- Effects
- Boolean Operation
- Component
- Document
- Ellipse
- Frame
- Group
- Instance
- Line
- Page
- Polygon
- Rectangle
- Slice
- Star
- Text
- Vector
- Solid
- Gradient Linear
- Gradient Radial
- Gradient Diamond
- Gradient Angular
- Image
- Node.js
- Yarn
- Figma Desktop
Clone the repo and run:
yarn && yarn watchAdd it to Figma by going to "Your Face > Plugins" and clicking on create a new plugin, this will give you the option to link to an existing plugin and you can select the manifest.json in this directory.
Open Figma and right click a component and you can access the plugin in Plugins > Development > Invert Color.
When making changes go to Menu > Plugins > "Run Last Plugin" (Or hit ⌥⌘P for Mac or Ctrl+Alt+P for Windows).
This project is licensed under the MIT License © 2019-present Jakub Biesiada