Figma - Yarsa Labs DevBlog

Beginner Setup of Figma for Mobile UI

In this post, I'll review a few of the Figma setup requirements that must be met before we can begin designing a mobile app's user interface.

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.

Basics of Components in Figma

Using the same element over and over can be tiresome when designing. Today, we will learn about using Figma's components and instances to save on time and effort.

Figma Shortcuts For Designers

Shortcuts are a way to ease our hectic lives. As a UI UX designer, I will share some of the shortcuts I use to make my tasks easier in Figma.

Beginner's Guide to Figma: Part 2

This is the second part of my Beginner's Guide to Figma. Here, we will learn about Auto Layout, Using Plugins, and Creating Styles.

Beginner's Guide to Figma: Part 1

Figma is likely to be one of the best tools in any designer’s arsenal and it is one of my all-time favorites. So, here's a beginners guide on how to get started with Figma.