How to draw a design for Bootstrap?

Question

Design

Firework! I’ve been developing a bootstrap for Twitter for a long time and prototyped it right away.
Now, in order to create more attractive designs, I want to start by drawing a design, and only then implement it on this framework. I tried several solutions, but everything is not right.
Photoshop turns out too slowly due to the fact that each element has to be drawn and positioned.
Pingendo is more for prototypes. design things are difficult to do there.
Adobe muse is new to me. Either I didn't get it right, or it's neither here nor there.
Share your experience, who designs where? Photoshop is closest to me, maybe there are some techniques / templates / plugins to simplify life (I already know about the column generator).

Answer 1

In general, after I published this question, I decided to get really confused and make a site according to all the canons of design in Photoshop. Now, after they wrote about the illustrator, I looked at how many vector elements I have there and how many raster ... perhaps yes .. there are more vectors and probably the illustrator will be more correct. But why then is the standard of templates everywhere photoshop?

Answer 2

adobe experience design - I use it, it's very convenient

Answer 3

Photoshop + to it:
https://habrahabr.ru/post/154687/
www.cssauthor.com/bootstrap-grid-system-psd-templates
and indeed:
https://yandex.ru/search/?text=photoshop %20bootstr...

Answer 4

photoshop to it you draw a grid

Answer 5

You can do it in any graphic editor, but the most competent will be in Illustrator
. Well, if mac, then you can try it in "Adobe XD".