Bootstrap Studio: aumenta tu productividad en el diseño web

Hace poco descubrí una herramienta de diseño que me ha ayudado muchísimo a la hora de crear prototipos y páginas web responsive sin tener que programar desde cero:

Bootstrap Studio

Bootstrap Studio es un programa de ordenador muy útil y eficaz que ayuda a diseñadores no programadores a crear páginas web de forma rápida y sencilla basado en el framework popular Bootstrap (creado por Twitter).

Bootstrap Studio - diseño web

He aquí algunas de las características de Bootstrap Studio que a ti también te enamorarán:

  • Diseño adaptativo a todos los dispositivos
  • Interfaz intuitiva de arrastrar y soltar
  • Pre visualización del proyecto en vivo
  • Exportación e importación de componentes
  • Amplia librería de componentes predefinidos
  • Personalización a través de CSS
  • Basado en el framework popular Bootstrap

¿Cómo funciona?

El programa hay que descargarlo desde la página oficial en http://bootstrapstudio.io y comprar uno de los dos tipos de licencias que ofrecen: estándar o de por vida. Cada licencia incluye un uso ilimitado en hasta 3 ordenadores.

Bootstrap Studio - diseño web

Al haber realizado el pago, recibirás un email con el enlace a la descarga. Una vez tengas instalado el programa, puedes elegir entre varios temas predefinidos – o subir el tuyo – y empezar a diseñar con componentes o modulos a través del interfaz de arrastrar y soltar (drag & drop). La idea de BS es ir arrastrando esos modulos al proyecto y el programa automáticamente crea el código HTML por ti.

Archivos .bscomp y .bsdesign

Bootstrap Studio - diseño web

Como podrás ver el equipo de BS ha trabajado en una amplia variedad de componentes gratuitos que se pueden modificar y personalizar a través del panel de opciones y si es necesario CSS. Puedes exportar e importar tus propios componentes (bs.comp) y hasta páginas completas (bs.design) para utilizarlos en nuevos proyectos.

Pre visualización en vivo

Bootstrap Studio - diseño web

Una de las características que más me gusta y utilizo es la opción de pre visualizar los proyectos en vivo con un click. Cuando actives esta opción, podrás previsualizar e interactuar con tu proyecto desde cualquier dispositivo móvil que tenga acceso a la red local, por ejemplo, la de tu casa. Y aquí viene la mejor parte: los elementos cambian cuando los modificas desde el programa. Así que ya no tienes que refrescar manualmente el navegador cada dos por tres.

EN EL BLOG -  Los 5 errores más frecuentes al llevar un PDF a la imprenta

La gran comunidad de BS

Bootstrap Studio - diseño web

De vez en cuando usuarios de BS suben a la comunidad sus propios componentes de BS que cualquiera que tenga el programa puede descargar y utilizar. Y si tuvieras alguna pregunta o duda sobre Bootstrap Studio, siempre puedes echar un vistazo al fórum y participar en las discusiones. El equipo BS comparte las características y funciones de nuevas versiones así que de vez en cuando está bien pasarse para estar al tanto. Y no sólo eso, entre las discusiones podrás encontrar temas como trucos, tutoriales, ideas y ayuda.

Prueba gratuita en Chrome

Bootstrap Studio - diseño web

Si te gustaría probar el programa antes de comprarlo puedes hacerlo directamente en tu navegador desde la página web de Bootstrap Studio. La versión de prueba ofrece pocas características pero aprenderás a dominar un poco el programa y descubrir las posibilidades que te ofrece. Una vez lo hayas probado no dudarás en comprarlo, te lo aseguro.

Summary
Bootstrap Studio: aumenta tu productividad en el diseño web
Article Name
Bootstrap Studio: aumenta tu productividad en el diseño web
Description
Bootstrap Studio es una herramienta de diseño que ayuda a aumentar la productividad a la hora de diseñar páginas web y realizar prototipos rápidos.
Author
Desfaziendo Entuertos