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.

Labels:

Comments

Post a Comment

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...
3 comments
Read more

[ 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.
27 comments
Read more

Reduce External Monitor Brightness on Ubuntu 20.04, 21.10

External Monitors are a great addition to any workspace. I have a Full HD Benq one connected with my laptop via HDMI cable to do multi-tasking. What I don't like about this setup is the external screen is still very bright even after setting it to the lowest possible setting via physical buttons present on the monitor. Changing brightness on the Laptop doesn't affect the brightness of the external monitor. However, In Ubuntu, you can adjust the brightness level of any connected monitor by opening up a terminal/command line and entering a few comments. Xrandr is the command we would be using to achieve this. How to change External Monitor Brightness on Ubuntu Linux Open a Terminal ( Ctrl + Alt + T ) Enter the command xrandr -q | grep " connected" and press Enter. Find the external monitor name displayed in this command's output. In my case, it is  HDMI-1 To change the brightness enter this command xrandr --output HDMI-1 --brightness 0.5 and press Ente...
14 comments
Read more