Cuál es la forma más eficiente de diseñar componentes en las herramientas de desarrollo del navegador con la encapsulación de vista predeterminada (emulada)?

Mi flujo de trabajo actual implica una gran cantidad de tediosas copias y pegados de las herramientas de desarrollo como esta:

as herramientas de desarrollo de @Chrome tienen la capacidad de guardar los cambios de estilo realizados en el DOM en el archivo css de origen Guardar cambios en el disco con espacios de trabajo), pero no sé si esto funcionará con la forma en que Angular y Webpack usan estilos de componentes emulados.

Debe haber un flujo de trabajo más rápido que el que estoy haciendo actualmente. ¿Algun consejo