In today’s tutorial, we’ll dive into the process of working with a scrollable list. Follow along as we guide you through each step to create a seamless and interactive design element for your projects. Step-by-Step: Scrollable List Setting up the Document Let’s begin by creating a new document if you haven’t already. This serves as […]
In today’s tutorial, let’s dive into the nuances of scroll behaviours in Figma, providing a quick and straightforward breakdown of each. Exploring Scroll Behaviors Let’s start by examining the scroll behaviours on the main header.” Clicking on the prototype stage reveals three key scroll behaviours: “Scroll with Parent,” “Fixed (Stay in Place),” and “Sticky (Stop […]
Have you been viewing the more popular or older videos featuring ‘Fixed’ scrolling, directing you to the ‘Constraints’ section? Then, when you open your Figma application, you might find yourself wondering, “Where did it disappear?” Where is Fixed Positioning? Don’t stress! They didn’t take it away; they just moved it to a spot that makes […]
Navigating the World of Auto Layout for Responsive Designs In this guide, we’ll take you through the step-by-step process of setting up both horizontal and vertical scrolling, tailored for Figma designs on either mobile or desktop. Focusing on Mobile Design for Simplicity Simplify your design process by using a mobile design as an example. Revisit […]
Unlock the potential of Figma by effortlessly opening files with our step-by-step guide. Whether you’ve received a Figma file from a collaborator or downloaded it from a website, understanding the seamless import process is crucial. In this tutorial, we’ll walk you through the steps to efficiently open your Figma files. Accessing the Figma Dashboard: To […]
Are you ready to streamline your file sharing experience in Figma? Join me as we delve into a comprehensive tutorial on optimizing your file-sharing process. As a practical example, I’ll be sharing insights from the latest Figma tutorial, focusing on the Interactive Drop-Down Accordion video. If you’ve been grappling with creating an accordion menu, fear […]
Learn the process of creating an interactive drop-down accordion-style menu, inspired by the sleek design of Google’s interface. Follow these step-by-step instructions to replicate this functionality seamlessly: Create Your Figma Elements Start by assembling the three essential elements: a line of text, a text character transformed into a functional arrow, and a text block. Align […]
If you’re in need of an arrow for your project and don’t want to spend time searching through icon plugins, Figma provides a quick and easy way to create a vector arrow using simple text manipulation. In this tutorial, we’ll guide you through the process of turning the left and right greater than symbols into […]
In this introduction tutorial, we delve into the intricacies of Figma’s Auto Layout, a feature that revolutionizes the design process by seamlessly adapting to diverse screen sizes and content modifications. Auto Layout in Figma: A Step-by-Step Guide Create Frames: Start the process by creating a frame to include your design elements, such as buttons or […]
In the realm of design, components play a pivotal role as reusable building blocks that contribute to the cohesion and uniformity of your projects. They offer a means to establish and uphold consistent design elements across diverse frames or pages within a project. Creating a component in your design can be accomplished through various methods. […]