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