Free Figma Bootstrap 5 UI Kit

Design faster with Figma Bootstrap UI Kit, which provides Figma components with powerful automatic layout and resizing features.

If you're looking for components that help you design faster, you need to know about Figma Bootstrap UI Kit. Keep reading to learn more:

About the Figma Kit

Figma Bootstrap UI Kit comprises 300+ Bootstrap 5 components that are built with an atomic design system and auto layout. Using the Assets panel, you can drag and drop ready-made components into your Figma project. Set them up in the right sidebar. Simple and fast, as it should be.

Different components from Figma Bootstrap 5 UI Kit


  • Auto Layout

With this feature you can easily and quickly create a website or application, saving you time and money.

  • Effortless resizing

As easy as that. Resize any components horizontally or vertically like a pro!

  • Over 300 organized Bootstrap 5 components built with atomic design

It is a ready-to-use, organized component set that includes a consistent naming convention, which allows you to search and import with ease.

  • Design and Dev consistency

Layers and groups are made to match the Bootstrap class names, and components are arranged exactly as specified in the Bootstrap documentation. With it, you have the ability to enhance your workflow between designer and developer, and stay ahead of the competition.

  • Easily customizable

In Figma Boostrap UI Kit you are able to easily customize colors, typography and border radius for a clean and consistent presentation everywhere through instant change. The component can also be quickly updated regarding its state, which is quite useful.


This Figma Bootstrap UI Kit is a powerful and easy to use library for Figma that consists of components and atoms organized by category. Furthermore, it includes some of Bootstrap's colors, grids, and typography, so that you can quickly and easily customize it for your brand or product.

Do we recommend it? For sure.

Check the demo here.

Continue reading:

Recent Resources 

Bootstrap 5 Cheat Sheet

You will never need another Bootstrap 5 Cheat sheet. It's an interactive list of Bootstrap 5 classes, variables, mixins. Learn about it here.


If you're looking for royalty-free, quality illustrations for your projects, unDraw is the best option for you. Learn more about it here.

Vuexy, Vuejs, React, Angular, HTML & Laravel Admin Template

All you need to know about Vuexy, a developer-friendly & highly customizable Admin Dashboard Template. Features, pricing and details.
1 2 3 4 5 6 7 8 9 10 11 12
Full-stack developer with a good understanding of business challenges. Not only am I an expert in my field, I know what business needs in a competitive digital world. I am eager to work on all kinds of projects.


Subscribe and check out my weekly blog

© 2022 Giovani Rodriguez. All rights reserved