Bulma UI Kit Figma Free Download

Bulma UI Kit Figma Free Download

2022-09-27 10:44:10

Bulma UI Kit Figma Free Download. 

Bulma UI Kit v1.0

 

A complete version of bulma.io closely matching Bulma’s semantics and documentation — highly optimised for producing mockups + prototypes in Figma.

 

Features

  • ✅ All of Bulma (125 components and 4,887 variants)
  • ? Theme completely customisable — configure your own brand colours & typography with written guides and a codepen theme generator to help with setting the right colour styles
  • ? Organised — everything matches Bulma’s docs and usage info is written in the hoverable description for each component
  • ⚙️ Extensive use of component property types, instance nesting + all of Figma's auto layout features for responsive components
  • ? Simple prototype interactions built-in (clicks, hovers, dropdowns, scrollable overflow etc)
  • ? Images magically stay in the right ratio (thanks @solo_cube for that trick!)

 

Usage

  1. Copy the project to your drafts.
  2. Go to the file and follow the instructions under ? Get started.

 

Known issues

  • Occasionally an instance swap property will result in a container being set to the wrong size — let me know if you find these in the comments and I'll see if I can track it down!
Download
Author: Matt Fannin
Free license: Licensed under CC BY 4.0
File type: Figma
Report resource Edit Telmplate

Related Resource

See all