Bootstrap Design 1.2

A thorough collection of Bootstrap components designed for Figma. Built to the exact CSS specifications from Bootstrap 4’s documentation.

Live Preview

Website

12/22/2020 1.2 Update: Syncs local typography styles with all components, so you can easily change your font family to fit your design guidelines. 

Features Overview

• A comprehensive library organized via components and atoms.
• Pixel perfect conversion from Bootstrap components CSS.
• Components leverage Figma's powerful Auto Layout and resizing constraints for fast and responsive design.
• File follows the exact order of Bootstrap's documentation for familiarity.
• Every Figma frame includes correlating link to Bootstraps documentation.
• Layers and groups match Bootstrap class names.
• Local styles for Bootstraps colors, typography and grid.

What's included in the kit

• Color styles
• Bootstrap grid system
• Bootstrap typography
• 600+ Bootstrap components and variations
• Free updates forever!

Compatibility

Works with Figma. Use with a Mac or PC. Includes two font variations. One with Helvetica Neue Typography and one with Inter UI.