Jetstrap – Bootstrap interface building tool
I love using Bootstrap. It’s an amazing framework that jump starts the process of front end development. It’s cross browser, responsive, fast and reliable all around. Jetstrap is a web based wireframing tool, that outputs functional Bootstrap code. In other words, you can use Jetstrap to create an initial mockup demo of your frontend, but when you are done instead of a pretty picture you actually get functional HTML Bootstrap code. The inteface has practically written itself.
Who should use Jetstrap.
Developers and designers can use this tool. The application itslef is very intuitive and can even be used by non technical people. It is most helpful in the initial stages of a project when UX design takes place. Ideally Jetstrap is used at the very beginning of a project in order to bring the designers and the developers of the team up to speed. Once the mockup is complete, the designer takes the generated code and enhances with graphics, animations, etc and the developer has a working front end on which he is able to develop all the server side things (forms, database, etc). This way the developers and the designers can work seperately but still remain on the same page. The added bonus that Jetstrap brings, is that the initial front end code is automatically generated, thus saving both the designer and the developer from a lot of work.
Unfortunately Jetstrap is a commercial product, although one could probably extract the HTML code if one knew how to use Firebug. On the upside if you pay for this tool, then you get to save your work online and you get to have more than one active project at a time. The pricing for the basic package is relatively low (16 $ per month) and it includes :
Go ahead and try it out https://jetstrap.com/demo