Figma Bootstrap UI Kit comprising of 300+ organized Bootstrap 5 components built with atomic design system & auto layout. Kick start your next Figma project Just drag and drop pre-made components from the Assets panel. Configure them in the right sidebar. Fast and simple, as should be.
Besides, it helps you to easily set up colors, typography & border-radius that changes everywhere instantly in UI Kit. Also, allows you to easily update the state of the component. and don’t be afraid to change a variant if you edited a component. The settings you have configured will be saved, such as text, icons, and even size.
Free forever for personal or commercial use (MIT Licensed)
Why Figma Bootstrap UI Kit? 🎉
Comprising of 300+ organized Bootstrap 5 components built with atomic design system & auto layout. Kick start your next Figma project in no time.
A Complete Figma UI Kit 😎
It is a comprehensive and easy-to-use Figma Library with organized components & atoms. Besides, it includes Bootstrap’s colors, grids, and typography so that you can easily customize it to fit your brand or product.
Design with Auto Layout 😍
Auto Layout also helps you to design your website or application faster and saves hours of work!
Effortless Resizing 😱
Resize any components horizontally or vertically like a pro!
Design & Dev Consistency 👨💻
Layers and groups are made to match Bootstrap class names, with components following the exact order of the official Bootstrap documentation. Besides, it boosts your workflow and bridges the gap between designer & developer.
300+ Organized Components 🛠
Ready to use organized components with a consistent naming convention, that allows you to search and import easily.
Easy to customize ⚙️
Figma Bootstrap UI Kit helps you to easily set up colors, typography & border-radius that changes everywhere instantly in UI Kit. Besides, it also allows you to easily update the state of the component.
Also, check out our Sketch Bootstrap UI Kit.
Credit: Bootstrap 5