Enable live Sass DevTools experiment

Question

How we can enable live sass in devtools?

Base on Umaar post in own blog

https://umaar.com/dev-tips/103-live-sass/

Answer 1

Update: Looking at this again, there appears to be a new experimental feature that is apparently in Chrome Canary, which takes out the need to run sass watch I think. However, I am unable to actually find where this gets enabled. I left my original answer as it may be of use still.

This is no longer an experimental feature. In Settings, make sure 'Enable CSS source maps' is enabled and (optionally) 'Auto-reload generated CSS'.

You can add your source files as a Workspace and live edit:

On a side note, to enable experimental features in Chrome, navigate to chrome://flags/, enable Developer Tools experiments and restart Chrome.

In Settings, you will see a new Experiments section: