Featured

Create Google-Inspired Accordion Menu in Figma

Posted on
how-to-create-accordion-in-figma

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 […]

Featured

Creating Auto Layouts in Figma (Introduction)

Posted on
introduction to auto layouts in figma

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 […]

Featured

Creating and Using Figma Components (the Beginners Tutorial)

Posted on
Beginner's Figma Components

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. […]

Featured

Adding Images in Figma

Posted on
How to Add Images to Figma

Welcome, design enthusiasts! Today, we embark on a journey to breathe life into your Figma wireframe. Buckle up as we transition from lo-fi to hi-fi, adding a dash of interactivity along the way. But before we dive into the realm of enhancements, let’s master the art of incorporating images into our Figma project. Four Different […]

Featured

Make Wireframes Faster with ChapGPT and Figma!

Posted on
Make Wireframes Faster with AI

Create a Wireframe in Seconds with AI Ready to turbocharge your wireframe game with a little help from the tech wizards OpenChat GPT and Figma? Let’s dive in and make your design dreams a reality in no time! Start by brainstorming your wireframe essentials – think about what your website or app needs, from navigation […]

Featured

Lorem Ipsum – Why You Should Never Use It!

Posted on
Bisou Bake House using Lorem Ipsum for their website

What is Lorem Ipsum? “Lorem Ipsum” is a placeholder text that is often used in the printing and typesetting industry. It is used as filler text in documents and layouts to give an impression of how the final text will look without actually having meaningful content. The text itself is a scrambled and altered version […]

Featured

Bulk Renaming Made Easy in Figma

Posted on
How-to-Quickly-Bulk-Rename-Layers-in-Figma

We didn’t cover an essential topic in our previous video: the significance of layer naming. But why is naming layers such a crucial practice? Whether you’re collaborating with others or needing to make adjustments to your design files, it can significantly impact your workflow. Layer naming is a straightforward yet potent technique that can elevate […]

Featured

Creating Wireframes for Beginners in Figma

Posted on
creaing-lo-fi-wireframes-in-figma

As you’re probably aware, Adobe XD is losing its charm, and Figma is emerging as the next big thing in design! Thanks only to the EU…maybe!?! Before diving into Figma wireframes, it’s a smart move to start with simple lo-fi wireframes featuring basic elements and a minimalist color palette. Keep titles and headers succinct, utilizing […]