প্রতিটা Figma file একই তিন-অংশের layout-এ খোলে: বামে একটা Layers panel, মাঝে একটা অসীম canvas, আর ডানে একটা Design panel। এখানে কী কোথায় থাকে সেটা শিখে নিলে পরের প্রতিটা lesson দ্রুত হয়ে যাবে।
একটা Figma file-এ একাধিক page থাকতে পারে (sidebar-এর উপরে দেখানো) — প্রজেক্ট ভাগ করার একটা সাধারণ উপায়, যেমন app-এর প্রতিটা section-এর জন্য একটা করে page। নিচে, Layers panel বর্তমান page-এর প্রতিটা object তালিকাভুক্ত করে, সেগুলো যেভাবে group, section, বা frame করা সেভাবে nested।
স্ক্রিনের নিচে, toolbar-এ আপনি বারবার ব্যবহার করবেন এমন টুল থাকে: arrow (move/select), frame টুল, shape টুল (rectangle, ellipse, ইত্যাদি), pen টুল, আর text টুল। বেশিরভাগেরই একটা keyboard shortcut আছে — move টুলের জন্য V, rectangle-এর জন্য R, text-এর জন্য T — শুরুতেই শিখে নেওয়া ভালো, কারণ প্রতিবার mouse-এর দিকে হাত বাড়ানো আসল কাজকে ধীর করে দেয়।
যেকোনো কিছু select করুন, আর ডানের Design panel তার সম্পর্কে সবকিছু দিয়ে ভরে যায় — position, size, corner radius, fill color, stroke, আর effect। এই panel contextual: বর্তমানে যা select করা তার সাথে সম্পর্কিত field-ই শুধু দেখায়, তাই একটা text layer এমন font control দেখাবে যা একটা rectangle কখনো দেখাবে না।
Design panel-এর একদম উপরে একটা sibling ট্যাব আছে, Prototype — একই panel-এর জায়গা, একদম আলাদা উদ্দেশ্য। Design হলো বানানোর জন্য; Prototype হলো screen-গুলোকে একটা click-করা-যায় এমন flow-এ জোড়া লাগানোর জন্য। এই কোর্সে দুটোই কভার করা হয়েছে, Prototype শেষ lesson-এ।