One button - The only button you'll ever need Figma Ui Kit

One button - The only button you'll ever need Figma Ui Kit

2022-06-04 11:49:38

One button - The only button you'll ever need Figma Ui Kit. 

One button to rule them all

A button with a hole bunch of options. Uses the latest Figma props for instance swapping and variations.

10 different base shell shapes

  1. Square
  2. Rounded sm
  3. Rounded md
  4. Rounded lg
  5. Pill
  6. Chamfer half
  7. Chamfer half alt
  8. Chamfer full
  9. Skew left
  10. Skew right

Square and rounded shapes also come with a sub type of outlined.

Options include

  • Gradient
  • Button color
  • Button text color
  • Button label
  • Label color
  • Alignment type (between or centered)
  • Show / hide end and start icons
  • End icon
  • Start icon
  • End icon color
  • Start icon color
  • End icon cover
  • End icon cover color
  • Outer ring
Download
Author: Jamie Coulter
Free license: Licensed under CC BY 4.0
File type: Figma
Report resource Edit Telmplate

Related Resource

See all