Перейти к содержимому

Create Figma Tabs Like a Pro! 🚀 (Free Template) #figma #designsystems

UX with Luke

0:00 / 0:00

Create Figma Tabs Like a Pro! 🚀 (Free Template) #figma #designsystems

3 831 просмотр · 1 г. назад
UX with Luke
3,12 тыс. подписчиков
3 831 просмотр · 1 г. назад
In this tutorial, I break down how to design a fully interactive tab component from scratch, design multiple tab styles, and save time with smart prototyping techniques. You'll learn how to create a scalable components and connect your pages seamlessly. Download template: https://www.figma.com/design/IxcYCBpY... 0:00 – Intro 0:21 – Demo 0:38 – Overview 1:20 – Create the tab item component 7:08 – Handling different font weights 10:07 – Create the tab group component 13:40 – Prototyping in bulk 15:25 – Designing multiple style tabs 18:58 – Linking pages with a single tab component 21:00 – Final result