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

How to Create a Responsive Card Component in Figma

Brom Sulaiman

0:00 / 0:00

How to Create a Responsive Card Component in Figma

1 592 просмотра · 3 года назад
Brom Sulaiman
1,41 тыс. подписчиков
1 592 просмотра · 3 года назад
In this video we'll look at creating your first reusable Figma master component and how to make instances from that master! We'll create a card with an image, a title, some descriptive text and a link. We'll look at using global text styles and colours and using the Unsplash plugin to get images straight into your designs. -- In this video -- 00:00 Intro 00:18 What is a Figma component? 01:36 Create a card with autolayout 04:53 Use Unsplash plugin to add an image to your card 05:55 Turn your card design into a Figma component 06:35 Create instances of your new master component 07:47 Update your master component to update the instances! 08:09 Instance overrides for even more flexibility 08:45 Outtro #figmatutorial #figmadesignsystem #uidesign #figmacomponents #unsplash #figmaplugins # Subscribe for more design tips:    / @bromsulaiman