Build a responsive Accordion component in Figma - Auto Layout Tutorial

Updated Figma Auto Layout Tutorial 2022 - Masterclass

=====

📒 Description

In this Figma tutorial, you'll learn how to create an accordion component using auto layouts. With this technique, you can easily create dynamic and responsive designs that adjust to different screen sizes. Auto layouts allow you to set up a hierarchy of frames and components that resize and reposition themselves automatically based on their content and the size of the parent frame. You'll start by creating the accordion component using basic shapes and then apply auto layouts to make it responsive. This tutorial is perfect for designers looking to improve their Figma skills and create efficient design systems. Grab your mouse and keyboard, and let's get started!

Like & Subscribe

Episode 20

=====

🔗 Exercise File

• Figma Exercise file - https://www.aripxl.com/content/learn-how-to-build-a-figma-accordion-component

🔗 Other links mentioned in this video

• Icons - https://www.iconfinder.com/
• Inter font - https://fonts.google.com/specimen/Inter

🔗 Referral Links
You can support this channel by using my referral links

♥️ Download Figma - https://psxid.figma.com/it2ka6qdk5dl
🦆 Sign up for Spaceduck - https://spaceduck.com

=====

🎥 Watch next

👉 Learn Auto Layouts - https://youtu.be/PGQEpurhOLo
👉 Learn Style Tokens - https://youtu.be/gOfdEnR5HDg
👉 Learn Figma Basics - https://youtu.be/ZYHIhcAWudg

=====

🕰 Timestamps

00:00​ - Intro
00:16 - What we're learning & building
02:24 - Putting together the Accordion inside Figma
15:26 - Outro

=====

🔗 Connect

• https://ariurl.com
• https://aripxl.com

=====

👍 Like & Subscribe

If you appreciate the hard work that went into this video, please show me some love by dropping a Like 👍 and sharing it with other people that you think can also benefit from this. If you have any questions, post a comment down below, and I'll get back to you when I can. If you haven't subscribed already, what are you waiting for? Subscribe and turn on the notification 🔔 so that you know when I upload new videos.

=====

🙃 About me

My name is Ari. I'm a digital product designer and developer with over a decade of experience based in Sydney, Australia. I currently work for a startup, freelance on the side and make these videos to give back to our tech community. If you have any suggestions on how to improve these videos, then let me know!

=====

📧 Contact me

If you have any questions, comment on one of the videos or follow me and ask me on Instagram via DM. If you have a business-related question, email me at - ari@aripxl.com

=====

🔢 Subscriber Count

5,298

=====

📑 Hashtags

#Figma #FigmaTutorial #UIDesign #FigmaAutoLayout

Видео Build a responsive Accordion component in Figma - Auto Layout Tutorial канала Ari Pxl