Redesigning a card in Figma
Hello! In this video, I'm going to show you how to redesign this card.
Get the file: https://www.figma.com/community/file/...
Cards are a super common UI building block — you see them used everywhere across websites and apps. In this example we'll tighten up our card to make it a bit more slick, making use of a grid and better hierachy.
Along the way I'll show you how to make the most of some of Figma's best features: Layout Grids, Auto Layout frames, Boolean operations and more.
Let's go!
———
0:00 Intro
1:28 Adding a layout grid
4:18 Adding a background
5:44 Fewer type styles
6:56 Type colours
10:37 CTA type
11:11 Star shapes
13:39 Final thoughts
———
Hello! I'm Paavan, a digital product designer from London. I've been teaching in-person Figma classes for a while, but this year I'm keen to share more of my tutorials on YouTube. Let me know what you'd like to see more of, and, if you want to support the channel, the best thing you can do is subscribe and then tell a friend who you think might like these videos!
My website: https://paavandesign.com
Drop me a line: / p44v9n