Bootstrap Design

The missing design companion for Bootstrap 4

2 followers

Visit website
A thorough collection of Bootstrap components designed for Figma. Built to the exact CSS specifications from Bootstrap 4’s documentation. All at an affordable price that won't break the bank.
Bootstrap Design gallery image
Bootstrap Design gallery image
Bootstrap Design gallery image
Bootstrap Design gallery image
Launch tags:
Design Tools•Productivity
Launch Team

What do you think? …

Malik Ali
@_nathanieldavis Recently i've purchased this product for figma. Its awesome. However, the two little issues i found are, you did not use (Figma Variants) for components and also you have used separate font sizes for components instead of using Figma (Local Font Style). So it's hard for me to change "Inter" default font to any other font style. Because there is a lot of components and I'm unable to update font of every component individually.
Nate Davis
Maker
Hey, @malikali thanks for the support and feedback! The typography not being synced across components was definitely an issue. That's actually being updated and will be shipped this week so keep an eye out. As for Figma Variants, when this kit was released, variants was a feature that had not been launched yet. So I have only just started updating the kit for variant support. It will be coming soon, along with some updated components and features to align the design system with the upcoming bootstrap 5!
Malik Ali
@malikali @_nathanieldavis So the update is free or you will charge it again?
Nate Davis
Maker
@malikali @_nathanieldavis Yes, updates are free. You can get the latest version in your Gumroad library. I plan to send out an email update for the typography changes so you will know when it is ready :D
Malik Ali
@malikali @_nathanieldavis ok thank you i will wait your email and update
Nate Davis
Maker
Hello Product Hunters :D My name is Nate and I am the maker of Bootstrap Design. You may be asking, why a Bootstrap design kit in 2020? The answer is simple, I created this kit to solve a problem of mine. Surprisingly, even in 2020, Bootstrap is still extremely popular. I’ve recently contracted on two projects (both enterprise) where the clients were already using Bootstrap. I made the switch from Sketch to Figma and could not find a Bootstrap 4 kit that I was satisfied with. So, I ended up creating most of Bootstraps components from scratch on my own. When Figma launched Auto Layout I decided to refactor the library and distribute it in case anyone else found themselves in a similar situation. Standout Features: - 600+ components - Local Styles: Colors, Text, and Grids - Built with Figmas Auto Layout & resizing constraints - Layers and groups match Bootstrap's classnames (great if you are already familiar with Bootstrap) - Affordable: This was important to me as most UI kits cost a lot of money. Thanks for checking it out, if you have any feedback or questions let me know! P.S. Im offering it half off the original price until June 1st!
Jessica Marley
Great look!
Nate Davis
Maker