Having said all that, you do need to know your way around code to truly appreciate the power that Bootstrap offers. So, what if you are a designer that doesn’t know how to code and your developer does want to use Bootstrap? We have the solution for you.
In this post we have collected a selection of UI and wireframe templates that have all been designed for working with Bootstrap, making it very easy to pass your designs on to the developer. They are all in various formats (psd, ai, png…) and available for all popular applications like Photoshop, Illustrator, Sketch and Omnigraffle.
>Bootstrap-Based Free UI Kit (Photoshop PSD)
Bootstrap 4 UI Kit (Sketch)
Bootstrap Grid Template (Sketch)
Bootstrap v2 Template (PSD)
Bootstrap UI Mockup Templates (Keynote, PowerPoint & OpenOffice)
These vector UI components have been designed from scratch to work with Apple Keynote, Microsoft PowerPoint and OpenOffice Impress, and are fully editable and customizable without needing any additional design tools.
Bootstrap Widgets Library (Axure RP)
Bootstrap UI (Omnigraffle)
This is a basic set (not a complete set) of Bootstrap UI components to use when wireframing applications using Omnigraffle.
Bootstrap 1.4 Assets & Grid (Omnigraffle)
This UI kit is based on the Bootstrap CSS Toolkit 1.4, providing a 940px grid for laying out your mockups and includes the design and layout assets.
Bootstrap Grid System for Adobe Fireworks (.png)
This Bootstrap Grid System is based on its 1170px responsive grid and comes with 3, 4, 6 and 12 columns options.
Bootstrap Scaffolding Grid Templates (AI & PSD)
Here is a set of templates, in both Photoshop and Illustrator formats, that are based on Bootstraps default responsive grids. You can use these grids to set out the guides before you start designing.