Skip to main content

Creating a button with Auto Layout in Figma

In this video, I explain how to create a UI Button component in Figma using auto layout. I also show you how to make a component, multiple components as well as how to make components with Variants. This will help you when building out a larger design system.

Quick Links:

  • Intro: 00:00
  • Creating a Button: 00:29
  • Adding an Auto Layout Frame: 01:06
  • Styling a Button: 01:40
  • Creating a Component: 02:34
  • Creating Multiple Button Types: 03:38
  • Creation Multiple Components: 04:44
  • Creating Button Variants: 05:28