Mohit Vekariya’s Post

Starting my day with responsive grid system in Figma The most underrated aspect of grid system is vertical ( Rows ) 𝐆𝐨𝐚𝐥 : Design should not be visually aesthetic but also perfectly aligned with the grid system Which feature of Figma you feel is the underrated? 🤔 Follow for more Hina HM #hinahm #figmadesigner #uiuxdesigning #productdesigner #figmatips

Here is the simplest way to use color variables for adding gradients in your Figma designs. While it might seem complex with variables, it’s fairly straightforward when using local styles. But you will have to design both dark and light modes separately. Using colour variables is really going to be super helpful when designing for both dark and light mode simultaneously, this will also let your gradients automatically adjust when switching between the two modes. You’re welcome.. #figma #figmatutorial #colourvariables

Learn Figma's dark mode variables in seconds We will start with a light mode design and create a dark mode version from it. This initial setup is a one-time effort. Once your variables are in place, any additions or changes in light mode will automatically reflect in dark mode. The next step is to create the variables. Use the light mode as a reference and add a variable for each element. We can now add the dark mode and rename it accordingly. Rename the existing mode to "Light" to reflect the design settings we've applied so far. Now, apply the appropriate colors for the dark mode version to the variables created. The next step is to replace the color selections with our variable names. Click on the four dots icon and assign each component its respective variable that we've created. You can see that now we can drag it in and out of the frame, and it will automatically switch between the two modes, showcasing the versatility of our design in different conditions. #figmatutorial #figmatips #uidesign

Unleash the Power of Perspective with the Perspective Grid Generator Plugin for Figma! Designers 👋 Say goodbye to tedious manual perspective grid creation with the Perspective Grid Generator plugin for Figma. This powerful tool allows you to effortlessly craft perfect perspective grids for your designs, adding depth and realism to your projects. Features: Customizable Lines: Tailor the horizontal and vertical lines of your grid to your exact specifications. Adjustable Angles: Fine-tune the grid angles to match your desired perspective. Grid Backgrounds: Elevate your graphics with a variety of grid background options. Benefits: Save Time: Streamline your design workflow by eliminating the need to create perspective grids manually. Enhance Accuracy: Ensure precise perspective in your designs with the plugin's intuitive controls. Boost Creativity: Explore new design possibilities with the flexibility of customizable grids. Ready to take your Figma designs to the next level? Download the Perspective Grid Generator plugin today and see the difference for yourself! #figma #figmaplugin #perspectivegrid #design #uidesign #graphicdesign

Color variables for adding gradients in your Figma designs.

Making of true multi-brand design system using source foundation plugin #design #figma #designkit

"Making of true multi-brand design system" The article is, once again, only about a Style Guide in Figma (remember that a Figma file isn't a design system 😉). But this article is really interesting and offer some good tips to manage styling, variables and keep your Figma file organized. https://buff.ly/4bRK10b

Presenting my debut Figma project: a stylish navbar featuring dynamic hover effects and a fluid scrolling webpage. Combining form with function, I aimed to craft an intuitive user experience that seamlessly guides visitors through the site. Take a peek and experience the smooth navigation and visually appealing design elements first hand 😎🎉

From the archive - Some orbs created in Figma 🔮 Created these when exploring how to create different material and shades using layer style, blur, mask and blend mode. File available on community. #figma #figmacommunity #illustration #graphicdesign #design

Hey There, Designer! 🎨✨ What Are Variables? 🤔 Variables in Figma are like magic crayons. Instead of picking a new color every time, you can use the same color from your magic crayon box! This way, everything looks neat and pretty. Why Use Variables? 🖍️ 1. Consistency: If you always use the same red color for hearts, all hearts will look the same. No weird different reds! 2. Easy Changes: If you decide hearts should be pink instead of red, you change the red color to pink, and all hearts change at once. Magic! 3. Saves Time: You don’t have to change the right color every time. Your magic crayon box has it all ready for you. Summary 🖌️ Variables are like magic crayons in Figma. They make your designs look good, save time, and make changes super easy. It’s like having a magic box of crayons that helps you color perfectly! Now, go have fun with your magic crayon box in Figma! 🎨✨ Teacher: Ansh Mehra #webdesign #figma #learninpublic #FigmaMagic #DesignMadeEasy #CreativeCrayons #FigmaFun #DesignWithVariables #EasyDesigning