A diferencia de otras plataformas de desarrollo visual, Gimli está dirigido a desarrolladores front-end.Gimli no es una solución "sin código".En su lugar, intenta combinar herramientas visuales que a menudo se encuentran en soluciones "sin código" con su entorno de desarrollo de Visual Studio Code.Características destacadas: Herramientas de diseño La creación de diseños dinámicos complejos a menudo requiere el uso de Grid y Flexbox.Aprender todas las propiedades posibles y cómo interactúan entre sí puede ser un desafío.Gimli resuelve esto al proporcionar herramientas visuales que simplifican enormemente este proceso.Gimli habilita herramientas de diseño basadas en qué elemento ha sido seleccionado.Por ejemplo, si un elemento tiene su propiedad de visualización establecida en cuadrícula, se habilitará un conjunto de herramientas centradas en la cuadrícula.Si un elemento tiene un elemento primario con la propiedad de visualización establecida en flex, se habilitará un conjunto de herramientas enfocadas en elementos flexibles, y así sucesivamente.... Buscar fuente Navegue sus archivos con facilidad utilizando la función "buscar fuente" de Gimli.Gimli le permite encontrar instantáneamente el código fuente de las reglas CSS y los elementos HTML.Funciona con cualquier marco o biblioteca Al igual que las herramientas de desarrollo de su navegador, Gimli está diseñado para trabajar con cualquier marco o biblioteca con la que elija trabajar.Hasta ahora, Gimli ha sido probado con React, WordPress, Bootstrap, VueJS, Angular y Stencil.Aplicar estilos No es necesario copiar y pegar estilos.Al usar la función "aplicar estilos" de Gimli, puede ver qué estilos se han agregado, eliminado o cambiado.Luego puede aplicar todos o solo algunos de esos estilos.Lo anterior es solo un adelanto de lo que viene.Lo que has visto anteriormente son características implementadas que realmente funcionan.Dado el tiempo y los recursos, espero poder continuar mejorando las características existentes e implementar nuevas características como: • Herramientas de tipografía y texto • Importar fragmentos personalizados • Herramientas de transformación y perspectiva • Exportación y formato HTML • Vista de árbol DOM • Herramientas de color y marca