We'll create an interactive accordion component and then use Google Sheets Sync plugin to quickly pull in data.
Figma file: https://www.figma.com/community/file/1203019881286497262
Phosphor icons: https://phosphoricons.com/, https://www.figma.com/community/file/903830135544202908
Google Sheets Sync plugin: https://www.figma.com/community/plugin/735770583268406934
CHAPTERS
00:00 - Setup
01:06 - Collapsed accordion
02:40 - Expanded accordion
04:05 - Creating accordion component set
04:27 - Making accordion interactive
06:23 - Google Sheets Sync plugin
08:44 - Adjustments
10:37 - Mistakes to keep in mind
12:54 - Wrapping up
#figmatutorial #uidesign #designsystems
