Overlay আর Interactive Component

একটা modal, একটা dropdown মেনু, একটা tooltip — এগুলোর কোনোটাই একটা সাধারণ prototype connection যেভাবে করে সেভাবে পুরো screen replace করে না। Figma-র Overlay interaction বর্তমান screen-টা থেকে সরে না গিয়ে তার উপরে একটা Frame দেখায়।

ঠিক আগের মতোই একটা prototype connection তৈরি করুন, কিন্তু action dropdown থেকে "Navigate to"-এর বদলে Open overlay বেছে নিন। target Frame-টা source screen-এর উপরে ভাসমান দেখা যায় — তার পেছনের screen তখনো দেখা যায়, আর setting অনুযায়ী, নিচেরটা তখনো দৃশ্যমান-কিন্তু-interactive-না বা পুরোপুরি interactive থাকতে পারে।

একটা overlay-র নিজের বন্ধ করার উপায় দরকার — interaction setting-এ একটা background "বাইরে ক্লিক করলে বন্ধ হবে" অপশন, বা নিজস্ব Close overlay action দিয়ে জোড়া লাগানো একটা স্পষ্ট close button। এটা ভুলে যাওয়া সবচেয়ে সাধারণ ভাঙা-prototype ভুল: একটা overlay যা খোলে কিন্তু ফেরার কোনো উপায় নেই।

Overlay ছাড়াও, একটা "State" property সহ বানানো একটা Component set (Default/Hover/Pressed, Components & Variants lesson থেকে) কোনো ম্যানুয়াল connection ছাড়াই সরাসরি আসল cursor interaction-এ প্রতিক্রিয়া দিতে পারে — Prototype ট্যাবের "Interactive components" অংশে একটা instance-এর interactive state সেট করুন, আর live preview-তে hover বা press করলে Figma নিজে থেকে variant বদলে দেয়।