Git Product home page Git Product logo

pluginsky / invert-color Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 0.0 3.72 MB

๐Ÿญ Simply invert fills, strokes & effects colors in Figma

Home Page: https://www.figma.com/c/plugin/738840049488759901/Invert-Color

License: MIT License

TypeScript 87.88% HTML 0.08% JavaScript 6.98% SCSS 5.05%
background colors effects elements extension figma figma-plugins fills gradients images invert nodes paints parts plugin strokes

invert-color's People

Contributors

dependabot-preview[bot] avatar jb1905 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

invert-color's Issues

Not inverting elements inside groups/frames.

I want to take an entire complex component - and inverse EVERYTHING inside of it.

To achieve this with your plugin, I had to ungroup everything - and then run the invert plugin. But it's unrealistic as now I've lost all the grouping and framing - and would require alot of work to regroup & organize elements.

Is it possible to support nested items here? This plugin will be a life saver if it can do this. Thanks for your work on it.

image
And get it to look like this:
image

v11

  • Added command to set options based on selected elements
  • Stick search form on scroll
  • Add message to close plugin when plugin command not found
  • Add loader to UI when waiting for initial data from core
  • Remember search value after tab change

  • Added image to README
  • Get config from all (also nested) elements in Get config from elements
  • Add other options (e.g. drop_shadow)
  • Update paddings, spacings & positioning

Invert image?

Hi! Any plans to support invert-image?
Smth like turning this to white bg would be super-useful
image

v12


  • Added button by search box to toggle all options
  • Add tips/guide (display first time, can close)
  • Add option to set excluded/included colors
  • Add plus button to add new excluded color
  • Add color picker after click on color (to change existing excluded color)
  • Added option run/use once (without config save)
  • Add toggle button to each color to ignore

  • Remember selected tab

v10

  • Rewritten with React
  • Added option to select / unselect all options by clicking on section title
  • Added search for options
  • Added tests
  • Added travis CI
  • Updated README
  • Updated artwork
  • Added support for multiple color layers for single element
  • Removed deprecated background option
  • Fixed incorrect local storage updating
  • Fixed error with undefined color values
  • List all available options
  • Fixed blank window on loading plugin
  • Prepare safe store merge/migration
  • Fix group invert with images (test iOS/iPadOS 13 Design UI Kit)
  • Fix elements shift on invert

v13


  • Require selected at least 1 option for each group (disable buttons)
  • Open configurator or use default options when no options selected (empty [])
  • Added confirm on cancel
  • Added window resize option (button or drag resize)
  • Reduced inverting process time (images)
  • Add option - apply to nested nodes (for get options & invert)
  • Create settings tab/button
  • Added local store hydration + versions
  • Added option to save settings for each project or globally

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.