Una nueva herramienta de diseño web impulsada por inteligencia artificial, llamada CSS Studio, ha sido lanzada en acceso anticipado por los creadores de Motion. La plataforma busca revolucionar el proceso de diseño al permitir a los usuarios editar visualmente el código CSS directamente en el navegador. El flujo de trabajo se divide en tres etapas: diseño, sincronización con un agente de IA local y despliegue.
CSS Studio ofrece una amplia gama de funcionalidades, incluyendo edición en la página, una línea de tiempo para animaciones CSS, soporte para variables CSS, edición del DOM (estructura de la página), un editor de transiciones de resorte (spring easing), un editor de degradados y un selector de color avanzado. La herramienta simplifica la implementación de cambios, eliminando la necesidad de copiar y pegar código o cambiar de contexto entre el diseño y la codificación. Actualmente, CSS Studio se ofrece a través de una compra única que incluye todas las actualizaciones futuras. La herramienta representa un intento de integrar la IA en el flujo de trabajo de diseño web, facilitando la creación y modificación de sitios web.