Posts

Showing posts from June 13, 2025

FIGMA BASICS

Image
  This post contains affiliate links, which means I will earn a small commission on purchases made through these links Let’s cover Figma Basics — a simple guide to get you started. Figma Basics What is Figma?  Figma is a cloud-based design tool used for: UI/UX design Wireframing Prototyping Collaboration Unlike Photoshop or Sketch, Figma works entirely in your browser (or desktop app) and allows real-time collaboration. 1️⃣ Figma Interface Overview Toolbar: Where your tools (Move, Frame, Shapes, Pen, Text, etc.) live. Layers Panel: Shows all elements in your file (left side). Properties Panel: Allows you to adjust size, color, alignment, etc. (right side). Canvas: The main design area where you build your designs. Assets Panel: Where you can store reusable components. 2️⃣ Basic Tools Move Tool (V): Select and move objects. Frame Tool (F): Create frames (artboards) to organize screens. Shape Tools (R for rectangle, O for oval, etc.): Draw basic shapes. Text Tool (T): Add text l...