Shahil Manandhar - Yarsa Labs DevBlog

Mastering Card Design in Figma: Part 3 - Responsive Cards for Improved UX and DX

Responsive and auto-layout cards both have their own pros and cons. In this blog, we'll deep dive into both types, learn to create responsive cards and inspect which is the better option based on user and developer experiences respectively.

Mastering Card Design in Figma: Part 2 - Auto Layout Logic

In this part of the blog series, learn to recreate Instagram's look-alike card using all necessary elements like text, images and icons. Use Grouping, Auto Layout and Constraints in Figma and achieve a flawless result.

UI Cards in Figma: Part 1 - Types and Components

In the first part of this blog series, we'll learn about the different types of UI cards in design and deconstruct a card into atomic elements to study the components and their placement.

Buttons in Figma: Part 3 - Boolean Property and Variant Property

In this part of the blog series, you'll create icons and component sets, and explore the limits of boolean property and variant property by making 48 different buttons with ease.

Buttons in Figma: Part 2 - Auto Layout and Stylizing

Follow a step-by-step tutorial and make a button in Figma from scratch. Learn more about Frames, Auto Layout, and Stylization with Properties Panel in this button-making process.

Buttons in Figma: Part 1 - Basics, Types and States of Buttons

Learn what primary, secondary, text, and elevated buttons are, along with their different states and how they can elevate your design projects in this blog.