How to automate the process of transferring styles from the inspector in the browser the code directly?

Much easier, especially on large projects where the style files are not always in perfect condition to change the styles in the code inspector in the browser and immediately see the changes.
But the process of transferring these styles into a file quite boring.

More than a year ago when I started to get acquainted with the frontend, I heard that there is some extension that can transfer the styles from the browser to the css file where they were originally recorded.

Does anyone know what is this extension?
There is the same, but for sass? (Is that even possible?!)

In what ways or scripts You speed up the layout?
March 23rd 20 at 18:49
2 answers
March 23rd 20 at 18:51
Solution
Sublime text + Emmet livestyle.
March 23rd 20 at 18:53
Solution
Browsersync to help
Not suitable
If the project is large, difficult to navigate, where styles, especially when the styles of one block in different files
Therefore, it is convenient to change them in the browser, because you can see all the styles koncertnogo element. - orlando_Pollich commented on March 23rd 20 at 18:56
@orlando_Pollich, if you go often you have to edit the styles in separate files, then something with your layout, not so. So no one typesets. Imagine how you change through the browser of a global style applied to the element and you layout is going elsewhere. - Jaydon.Hick commented on March 23rd 20 at 18:59
@Jaydon.Hick, if you work with one block, all in a single file, as if you rule the page where a lot of component templates each with its own stylesheet - orlando_Pollich commented on March 23rd 20 at 19:02

Find more questions by tags FrontendSassLayoutCSS