একটা Frame হলো Figma-র একটা screen-এর জন্য container — একটা ফোনের screen, একটা webpage, একটা card, নির্দিষ্ট width আর height আছে এমন যেকোনো কিছু। Figma-তে আপনি যা design করেন তার প্রায় সবকিছু একটা Frame এঁকে শুরু হয়, তারপর তার ভেতরে content বসানো হয়।
F চাপুন (অথবা toolbar-এ frame icon-এ ক্লিক করুন) আর canvas-এ drag করুন। ডান panel-এ একটা Presets লিস্ট দেখা যায়, তৈরি করা common size সহ — "Desktop" 1440×900-এ, "iPhone 16" Apple যে ঠিক pixel size পাঠায় সেটাতে, আর আরো অনেক — তাই একটা আসল device screen আসলে কত size তা আন্দাজ করার দরকার নেই।
একটা Frame একটা সাধারণ rectangle থেকে একটা গুরুত্বপূর্ণ দিক দিয়ে আলাদা আচরণ করে: একটা Frame-এর ভেতরে বসানো content default-এ তার প্রান্তে clip হয়ে যায়, আর একটা Frame Auto Layout ধারণ করতে পারে (এই কোর্সে পরে কভার করা হয়েছে) যা তার child-গুলোকে নিজে থেকে সাজায়। একটা rectangle শুধু একটা shape; একটা Frame একটা layout container।
Frame অন্য Frame ধারণ করতে পারে — সম্পূর্ণ screen Frame-এর ভেতরে একটা page Frame-এর ভেতরে একটা card Frame। এই nesting ঠিক যেভাবে আসল interface গঠন করা হয়, আর এই কারণেই আগের lesson-এর Layers panel indentation দেখায়: প্রতিটা indent level মানে এক Frame বা group বেশি গভীর।
একটা layer-এর নাম rename করতে Layers panel-এ তার নামে double-click করুন — "Frame 47" তিন lesson পরে কিছুই বলে না, কিন্তু "Login Screen" বলে। জিনিসগুলোর নাম কাজ করতে করতে দেওয়া, পরে না, একটাই অভ্যাস যা একটা বাড়তে থাকা file-কে চলাচলযোগ্য রাখে।