Editar CSS de forma sencilla

DEVSYNC, UN PLUGIN CHROME PARA EDITAR CSS DE FORMA SENCILLA.

Si queremos cambiar el diseño de una web ya publicada, sea en producción o en el ambiente de desarrollo o calidad, tendremos que comenzar a modificar el CSS de la misma. Ese proceso puede ser complicado, ya que hay pocas herramientas que permitan la edición del CSS en tiempo real, por lo que se suele invertir mucho tiempo en realizar los cambios adecuados.

Se trata de Devsync, una extensión para Google Chrome que, al activarse, muestra un editor de CSS por encima de la web que estamos viendo. Es posible realizar los cambios de cada elemento de forma intuitiva, ya que el plugin detecta correctamente cada zona y muestra las variables en cajas separadas, como si de Photoshop se tratara.

Con esta herramienta, que no es gratuita (se puede adquirir hoy por 39 euros), podemos diseñar visualmente usando un editor similar a Sketch/Figma , pero que se encuentra en las herramientas de desarrollo del navegador. Una vez hechos los cambios, los aplica en tiempo real a través del editor.

Demostración: en la web del proyecto.