Skip to main content

Figma Basics - A beginners look at UX Design with Figma

I have been self learning Figma for almost two weeks now. I am still learning new things everyday, and some of these, i wish i knew from the start itself.

Below are some of the things i learned while learning design with Figma as a complete beginner to UX / UI design.
  1. You don't need to Install Figma - you can just open a Browser and start using it straight away
  2. Learn Figma ShortCuts - believe me - Learn this and you would be amazed how much time it saves you every day while designing. ( Shortcut to open Shortcuts in Figma is Ctrl + Alt + ?
  3. Youtube is the best place to learn Designing with Figma. There are plenty of Great, beginner friendly tutorials available 
  4. One other best place to learn Figma is Medium ( there are also tons of UX/UI related tutorials and articles available there )
Practicing and learning by yourself is the only thing that can make you a better designer.
Some things to note in Figma.
  • Learn about Grid Lines first. This is very important. In UI / UX design, balance and spacing between elements are very important. Grid lines will help you to align various elements properly on the canvas ( frame ). 
  • Another equally important thing to learn in Figma is Constraints ( Check this Youtube video )
  • To select an object the mouse is hovering on - Press Ctrl and Click. 
  • To select multiple objects together - Press Ctrl and Drag the mouse on top of the elements you want to select. 
  • Holding Shift button while dragging will hold it's axis position on the frame. Holding Shift while dragging a rectangle will give you a perfect square. Holding shift while dragging a Ellipse will give you a perfect circle. 
There are plenty more things to learn in Figma. I will be updating this post with new points in coming weeks. 

Check out Figma Youtube channel to know more about various features.

At first, it would look Easy. All you would be doing is following the tutorials and you would end up with some great looking designs. Then when you start designing things your own, you would realize UX design is not as easy as you thought it is. Don't worry. Keep trying, you will eventually get better at it. Don't give up.

Comments

Popular posts from this blog

[ Solved ] SBI ATM 055 Ineligible Transaction Error FIX

Are you experiencing 055 Ineligible Transaction Error every time when you use your SBI ATM Card ? I have a easy FIX for you. What is SBI 055 Ineligible Transaction Error ? It means you are doing a transaction which you or your bank has blocked for security or safety issues. Normally, a user blocks International Usage of a particular Debit / Credit card so that it won't be used by hackers or scammers from other parts of the world. The reason why you are seeing this 055 error in India is probably because your ATM Card's Domestic Usage option is Disabled - either you accidently disabled or your Bank Branch did it. Don't worry. It's easy to fix it. Go to  https://www.onlinesbi.com/  and login with your internet banking username and password. Go to ATM Card Services in the Menu, Select the Card you are have issues and the Click on Change Channel Type . You can see the current status of your Domestic Usage when you click on that. If it's Disabled, simply enab...

[ FIX ] Ubuntu 20.04 Bluetooth doesn't Turn On

I have been using a Logitech Bluetooth keyboard for a while now with my Ubuntu 20.04. Everything worked well without any issues until one day the operating system refused to turn on the Bluetooth. I could toggle Bluetooth On button from the Settings, but it did nothing.  After spending some time Google Searching why my Bluetooth started not working all of a sudden, and after trying a variety of commands to troubleshoot the problem, I finally found a working fix for this issue. Open a Terminal ( Ctrl + Alt + T )  and enter below commands one after another.  sudo rmmod btusb sudo modprobe btusb That's it. Your Bluetooth issue would be now solved.  I can guarantee you this problem is going to pop-up every now and then. So copy the above commands to a text file for future uses. Sometimes, even after entering above commands the bluetooth would refuse to turn on. In such cases, just Suspend the system and then wake up it again and check.

Acer Veriton M M200-H310 Desktop Price in India

Acer Veriton M M200-H310 UX.BC7SI.H87 business mini-tower desktop is now in stock online on Amazon.in. It has an MRP list price of Rs 39,500 and a launch selling price of Rs 36,990 ( check here for the current lowest price ). Acer Veriton M M200-H310 UX.BC7SI.H87 is a mid-range desktop tower PC powered by the 9th Gen Intel Core i5-9400 Hexa-core processor. It has a base clock speed of 2.90Ghz and a max boost clock of 4.10Ghz. This processor supports 6 threads and has 9MB Intel Smart Cache. For graphics, this desktop uses an integrated Intel UHD Graphics 630 GPU. It comes with 8GB of ram and has 256GB SSD storage. It ships with Windows 10 Home operating system. You get a keyboard and mouse in the box. According to the spec sheet, you can avail 3 years of onsite warranty for this product.  Acer Veriton M200-H310 UX.BC7SI.H87 Desktop Specs Intel Core i5-9400 ( 9th Gen / 6 cores / 6 threads / 2.90Ghz - 4.10Ghz clockspeed / 9MB Cache ) Intel UHD Graphics 630 GPU. ( integrated ) Int...