Back to Browse

Advanced Button Group Component in Figma - Building Responsive Forms - Part 2

5.2K views
Jun 12, 2021
26:11

Hey, hi, hello! This video is the second episode in a four-part mini-series where we will be building an advanced responsive form. In this video, we‘ll be covering how to use Figma Variants and Auto-layout to build buttons and a button group component that provides extra flexibility to auto layout frames used inside of components. Follow along with the project file here: https://www.figma.com/file/7IFAwMsQOsjSJprsXMuBpW/Snow-Cone-Design-System-Beta?node-id=369%3A0 You can also check out my portfolio: https://juan.design/ Instagram: https://www.instagram.com/juan.encalada/ 00:00 Introduction 4:24 Create the Button Structure 10:11 Create the Button Component 17:18 Create the Button Group Component with Direction Property 20:35 Progress Review 22:18 Add Reverse Property to Button Group Component 25:30 Closing Thoughts

Download

0 formats

No download links available.

Advanced Button Group Component in Figma - Building Responsive Forms - Part 2 | NatokHD