In today’s session, we’ll delve into the process of crafting a comprehensive style guide for your project and seamlessly exporting it as a PDF document within Figma. How to Create a Dynamic Style Guide If you’re starting from scratch without any predefined text, color, or object styles, it’s essential to establish these fundamentals first. Feel […]
Learn to create text styles in Figma effortlessly with these steps: Accessing Text Styles: Click on the four dots on the right-hand side to access text styles. Creating a New Style Click on the + icon to create a new text style. Provide a name and description for the style. Expand properties to customize font […]
Welcome back to another Figma tutorial! Today, we’ll explore typography in Figma, delving beyond font selection into how to effectively convey messages through text design. Typography involves more than choosing a font; it encompasses factors like readability, mood, and brand consistency. In Figma, you can experiment with font styles, weights, sizes, and more to achieve […]
Hide & Remove Comments Fast! Are your Figma projects cluttered with comments? By default, comments are always visible unless you take action to hide or delete them. But there are several methods to hide those comments! To quickly hide comments, use the Shift + C keyboard shortcut or click on the comments icon and access […]
Getting Photoshop into Figma! Welcome back to another Figma tutorial, where today we’ll dive into importing Photoshop files into Figma without relying on plugins. To get started, grab a layered Photoshop file from Unblast (link in the description) and open it in Photoshop. Remember, Figma doesn’t directly support PSD files, so we’ll convert them to […]
Welcome back to another Figma tutorial, where we’re about to unveil a nifty trick: opening Adobe Illustrator files in Figma without the need for Adobe Illustrator itself! I know, it might sound a bit perplexing at first, but bear with me. In our previous video, we delved into the process of seamlessly transferring SVG code […]
Today, we’ll guide you through the process of importing your Adobe XD files into Figma without the need for plugins. In our previous post on July 2023, we explored using a Figma plugin called Convertify for XD to Figma conversion. However, this method has limitations, as only 10 conversions are free before requiring payment. Many […]
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 […]