blog
Artículos bootstrap Css Diseño Html Studio

¿Cómo diseñar para Bootstrap?

La línea que separa los diseñadores de los programadores es cada vez más fina, hablando obviamente del trabajo colaborativo entre estos dos grupos de profesionales. Esto es posible gracias al esfuerzo de otros profesionales que innovan y crean herramientas ideales para procesos creativos.

Si hace uno días compartía contigo sobre un software muy potente que te permitía diseñar para el WordPress, es muy posible que no utilices el WordPress para tus proyectos y que necesites alguna herramienta que te permita diseñar para el Framework más popular del mundo, el Bootstrap.

Bootstrap Studio tiene muy buena pinta y puede ser lo que estás buscando.

¿Qué es Bootstrap Studio?

Bootstrap Studio es una herramienta de diseño para crear sitios webs adaptativos y modernos, sin programar, usando el framework de Bootstrap.

¿Cómo funciona?

Bootstrap Studio, a partir de ahora BS, es una aplicación para ordenador de escritorio que funciona en Windows, Linux y OS X.

Una vez la hayas instalado y seleccionado alguno de los temas predefinidos – también puedes importar el tuyo – te encontrarás con una interfaz de arrastrar y soltar (drag and drop) llena de componentes. La idea es utilizar las características avanzadas de BS para ayudarte en la productividad y crear páginas webs de forma intuitiva.

Bootstrap Studio

Interfaz de Bootstrap Studio

BS es compatible con la versión 3 de Bootstrap y ya se está trabajando para que pronto lo sea con la versión 4. Eso significa que todos los elementos de Bootstrap están disponibles.

Mientras diseñas, la aplicación crea automáticamente el código HTML. Si posteriormente necesitas editar el HTML, o los estilos, cuentas también con un editor de CSS avanzado.

Además, el equipo de BS ha puesto a tu disposición una biblioteca de componentes gratis que puedes importar a tu “Studio”. Recuerda que tus componentes una vez creados también son reutilizables en otras partes de tu proyecto.

BS me parece una herramienta sencilla, pero a la vez muy potente, sobretodo si el Bootstrap es una herramienta obligatoria en tus proyectos.

Entre muchas otras características, me parece particularmente interesante el hecho de que puedas previsualizar lo que estás diseñando en tiempo real, en diferentes dispositivos. Por otro lado, puedes exportar y compartir tus componentes, para lo que necesites. Otra característica interesante de BS es la posibilidad de utilizar atajos de teclado. Todo para mejorar la productividad.

Puedes  probar el Bootstrap Studio en tu navegador Google Chrome antes de comprar la licencia para 3 ordenadores a unos $50. Lo compras una vez y lo utilizas para siempre.

Fuente

Gestiona tus proyectos con daPulse

Artículo anterior

Tu sitio web como red social

Siguiente artículo
I help Organizations to use Technology to improve people's lives

También te puede interesar

Matrices mágicas: transformando la web con Álgebra Lineal y CSS

El arte del minimalismo en diseño web: creando impacto con simplicidad

Diseñando para convertir: estrategias avanzadas en el diseño de landing pages efectivas

Tejiendo narrativas digitales: el arte del storytelling en el diseño web