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

bootstrap studio intro
Si te parece interesante... ¡compártelo!

Hace poco descubrí Bootstrap Studio, 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

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 intro

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 Bootstrap Studio?

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 pricing

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

bscomp y bsdesign

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.

Previsualización en vivo

bootstrap studio preview

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.

La gran comunidad de Bootstrap Studio

comunidad BS

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

bs trial

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.

Te puede interesar…

Cómo crear un botón HTML básico

Contenido relacionado, no te lo pierdas
Si te parece interesante... ¡compártelo!
0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *