Bootstrap Design

The missing design companion for Bootstrap 4

2 followers

The missing design companion for Bootstrap 4

2 followers

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.

Launch tags:Design Tools•Productivity

Launch Team

Tines — Build agents & automations integrated across your workspace

Build agents & automations integrated across your workspace

Promoted

Bootstrap Design

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!

Report

6yr ago

@_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.

Report

5yr ago

Bootstrap Design

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!

Report

5yr ago

@malikali @_nathanieldavis So the update is free or you will charge it again?

Report

5yr ago

Bootstrap Design

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

Report

5yr ago

@malikali @_nathanieldavis ok thank you i will wait your email and update

Report

5yr ago

Great look!

Report

6yr ago

Bootstrap Design

Maker

@jessicamarley thanks!

Report

6yr ago

This is definitely handy.

Report

6yr ago

Reviews

Most Informative