Figma Prompt‑to‑Edit-এর জন্য সেরা ১০টি প্রম্পট: কয়েক মিনিটে ডিজাইন দ্রুত করুন
ডিজাইনারদের বিতর্কের জন্য সময় নেই। Figma-এর Prompt‑to‑Edit আপনাকে যা পরিবর্তন করতে চান তা বর্ণনা করতে দিয়ে পুনরাবৃত্তিকে আরও শক্তিশালী করে তোলে—এবং এটি ঘটতে দেখে। সঠিক শব্দচয়নই সবকিছু। এই গাইডে, আমি Figma Prompt‑to‑Edit-এর জন্য সেরা ১০টি প্রম্পট শেয়ার করব, পাশাপাশি প্রমাণিত প্যাটার্ন এবং ভিন্নতাগুলিও শেয়ার করব যা আপনি আজই কপি-পেস্ট করতে পারেন। এর সাথে, আপনি দেখতে পাবেন Figma Make এবং Prompt‑to‑Code-এর মতো Figma-র বিস্তৃত AI-এর সাথে Prompt‑to‑Edit কোথায় ফিট করে এবং কীভাবে সাধারণ ভুলগুলি এড়ানো যায়।
উল্লেখ করার মতো: Figma-র টিম কার্যকরভাবে প্রম্পটগুলির সাথে কীভাবে কাজ করতে হয় এবং কীভাবে Make প্রম্পটগুলিকে স্ট্রাকচার্ড UI জেনারেশনের সাথে সংযুক্ত করে সে সম্পর্কে গাইডেন্স প্রকাশ করেছে। তারা আরও বলেছে যে কীভাবে Figma Make প্রম্পট-টু-অ্যাপ প্রবাহের সাথে টেস্টিং, এডিটিং এবং রিফাইনিংকে ত্বরান্বিত করে। কমিউনিটির গভীর আলোচনাগুলি হাতে-কলমে করা প্যাটার্নগুলি কভার করে যা প্রতিদিনের ব্যবহারে Prompt‑to‑Edit-এ চলে আসে।
এই তালিকাটি কীভাবে কাজ করে (এবং কেন প্রম্পটের শব্দচয়ন গুরুত্বপূর্ণ)
Figma-র Prompt‑to‑Edit সবচেয়ে ভালো সাড়া দেয় স্ট্রাকচার্ড, স্কোপড ভাষায়:
- লক্ষ্য সম্পর্কে সুনির্দিষ্ট হোন: ফ্রেম, কম্পোনেন্ট বা সিলেকশনের নাম দিন।
- উদ্দেশ্য এবং সীমাবদ্ধতা উল্লেখ করুন: কী পরিবর্তন করতে হবে, কতটা পরিবর্তন করতে হবে এবং কী স্পর্শ করা যাবে না।
- ডিজাইন বোঝে এমন টোকেন অন্তর্ভুক্ত করুন: সিমান্টিক কালার, টেক্সট স্টাইল, কম্পোনেন্টের নাম।
- ফলব্যাক/অ্যাকসেপ্টেন্স ক্রাইটেরিয়া প্রদান করুন: যেমন, "H4 স্টাইলের সাথে মিল করুন" অথবা "সর্বোচ্চ 16px।"
চলুন সেরা ১০টি প্রম্পটে ডুব দেওয়া যাক, ভিন্নতা এবং কখন কোনটি ব্যবহার করতে হবে তার সাথে।
১) ভিজ্যুয়াল হায়ারার্কি টিউন-আপ (গ্লোবাল)
- মূল প্রম্পট: "নির্বাচিত ফ্রেমে ভিজ্যুয়াল হায়ারার্কি বাড়ান: H1-কে 16-24px বড় করুন, বডি টেক্সট 2px কম করুন এবং বিভাগগুলির মধ্যে স্পেসিং 12px বাড়ান। রঙের প্যালেট অপরিবর্তিত রাখুন।"
- কখন ব্যবহার করবেন: যখন আপনার লেআউট ফ্ল্যাট লাগে এবং আপনার অবিলম্বে পঠনযোগ্যতা বাড়ানো দরকার।
- ভিন্নতা: "স্ক্যানযোগ্যতা উন্নত করুন: H2-কে বোল্ড করুন, প্যারাগ্রাফগুলিতে আরও 8px লাইন-হাইট যোগ করুন এবং বিভাগগুলির মধ্যে 24px সেপারেটর প্রবেশ করান। রং বা কম্পোনেন্টের ভিন্নতা পরিবর্তন করবেন না।"
- এটি কেন কাজ করে: সুস্পষ্ট লক্ষ্য (H1/H2/বডি), পরিমাপযোগ্য পরিবর্তন এবং সীমাবদ্ধতা।
২) সুর এবং কণ্ঠের সারিবদ্ধতা (কন্টেন্ট)
- মূল প্রম্পট: "নির্বাচিত আর্টবোর্ডে সমস্ত মার্কেটিং হেডলাইনকে আত্মবিশ্বাসী, সুবিধা-প্রথম সুরে ৯ম শ্রেণির পঠন স্তরে পুনরায় লিখুন। পণ্যের নাম এবং সংখ্যা অক্ষত রাখুন।"
- ভিন্নতা: "বডি কপিকে সহজ ভাষায় সরল করুন (কোনো জার্গন নয়), প্রতি প্যারাগ্রাফে ১-২টি বাক্য রাখার লক্ষ্য রাখুন এবং প্রথম বাক্যে 'রিয়েল-টাইম সহযোগিতা' মূল শব্দগুচ্ছটি রাখুন।"
- কখন ব্যবহার করবেন: যখন কন্টেন্টের অমিল ডিজাইনের স্বচ্ছতাকে দুর্বল করে।
৩) রঙের অ্যাক্সেসিবিলিটি ফিক্স (WCAG)
- মূল প্রম্পট: "ব্র্যান্ড প্যালেটের সম্পর্ক বজায় রেখে WCAG AA কনট্রাস্ট রেশিও পূরণের জন্য এই ফ্রেমে টেক্সট এবং ব্যাকগ্রাউন্ডের রং সামঞ্জস্য করুন। হেডিংগুলির জন্য AAA পূরণ করে এমন একটি ভিন্নতা প্রদান করুন।"
- ভিন্নতা: "4.5:1-এর নিচের টেক্সট লেয়ারগুলির জন্য শুধুমাত্র কনট্রাস্ট উন্নত করুন; চিত্র বা ব্র্যান্ড প্রাইমারি পরিবর্তন করবেন না।"
- কখন ব্যবহার করবেন: যখন সম্পূর্ণ ডিজাইন পরিবর্তন না করে দ্রুত অ্যাক্সেসিবিলিটি জয় প্রয়োজন।
৪) স্পেসিং সিস্টেম নরমালাইজেশন
- মূল প্রম্পট: "স্পেসিংকে 4-পয়েন্ট সিস্টেমে নরমালাইজ করুন: প্যাডিং, মার্জিন এবং গ্যাপগুলিকে 4/8/12/16px বৃদ্ধিতে রাউন্ড করুন। কম্পোনেন্টের সীমা বজায় রাখুন।"
- ভিন্নতা: "এই লেআউটে একটি 8-pt গ্রিড প্রয়োগ করুন এবং উল্লম্ব ছন্দকে সামঞ্জস্য করুন; হিরোকে অপরিবর্তিত রাখুন।"
- কখন ব্যবহার করবেন: দ্রুত পুনরাবৃত্তির সময় মিশ্র স্পেসিং মান ঢুকে গেছে।
৫) অটো-লেআউট রেসকিউ (স্ট্রাকচার)
- মূল প্রম্পট: "এই ফ্রেমটিকে একটি প্রতিক্রিয়াশীল অটো-লেআউটে রূপান্তর করুন যার সামঞ্জস্যপূর্ণ প্যাডিং (24px), গ্যাপ (16px) এবং কন্টেন্ট অ্যালাইনমেন্ট (বাম) রয়েছে। নিশ্চিত করুন যে এটি 320px এবং 1440px প্রস্থে সঠিকভাবে স্কেল করে।"
- ভিন্নতা: "প্যাডিং 16px, গ্যাপ 12px সহ সমস্ত কার্ড কম্পোনেন্টে অটো-লেআউট যোগ করুন এবং ডেস্কটপে 3টি কলাম এবং মোবাইলে 1টি কলামের জন্য মোড়ানো সক্ষম করুন।"
- কখন ব্যবহার করবেন: ম্যানুয়াল নাজিং আপনাকে ধীর করে দিচ্ছে।
৬) কম্পোনেন্ট কনসিস্টেন্সি সুইপ
- মূল প্রম্পট: "সমস্ত অ্যা-হক বোতামকে 'Button/Primary' কম্পোনেন্ট দিয়ে প্রতিস্থাপন করুন, 'Medium' আকার এবং 'Default' অবস্থা মেলান। লেবেলগুলি সংরক্ষণ করুন।"
- ভিন্নতা: "ইনপুট ফিল্ডগুলিকে 'TextField/Standard'-এ একত্রিত করুন যার লেবেল উপরে এবং সহায়ক টেক্সট নিচে।"
- কখন ব্যবহার করবেন: অসৎ UI উপাদান আপনার ডিজাইন সিস্টেম ভেঙে দেয়।
৭) ডেটা-রিয়েলিজম আপগ্রেড (কন্টেন্ট রিয়েলিজম)
- মূল প্রম্পট: "টেবিল এবং কার্ডগুলিকে বাস্তবসম্মত স্থানধারক ডেটা (নাম, স্থান, দাম) দিয়ে পূরণ করুন এবং উপবৃত্তাকার দিয়ে দীর্ঘ মানগুলিকে সুন্দরভাবে ছেঁটে দিন।"
- ভিন্নতা: "এই অনবোর্ডিং ফ্লোতে লরেম ইপসামকে বন্ধুত্বপূর্ণ, সংক্ষিপ্ত কপি দিয়ে অদলবদল করুন যা বর্তমান টেক্সট ফ্রেমের মধ্যে ফিট করে (কোনও আকার পরিবর্তন নয়)।"
- কখন ব্যবহার করবেন: লেআউট সিদ্ধান্তগুলি যাচাই করার জন্য আপনার বিশ্বাসযোগ্য কন্টেন্টের প্রয়োজন।
৮) ডার্ক মোড প্যারিটি পাস
- মূল প্রম্পট: "এই ফ্রেমের জন্য একটি ডার্ক মোড ভেরিয়েন্ট তৈরি করুন: সিমান্টিক টোকেনগুলি ম্যাপ করুন (bg-default, text-primary, surface-elevated) এবং কনট্রাস্ট AA নিশ্চিত করুন। 80% উজ্জ্বলতায় ব্র্যান্ড অ্যাকসেন্ট বজায় রাখুন।"
- ভিন্নতা: "এই পৃষ্ঠার সমস্ত কম্পোনেন্টের জন্য ডার্ক মোড শৈলী তৈরি করুন; সূক্ষ্ম ছায়া বা স্তরযুক্ত পৃষ্ঠ ব্যবহার করে উচ্চতাগুলিকে মিরর করুন।"
- কখন ব্যবহার করবেন: আপনার শুধুমাত্র লাইট মোড আছে এবং দ্রুত প্যারিটির প্রয়োজন।
৯) মোবাইল-ফার্স্ট রিফ্যাক্টর (প্রতিক্রিয়াশীল)
- মূল প্রম্পট: "মোবাইলের জন্য এই ডেস্কটপ ড্যাশবোর্ডটি রিফ্লো করুন (375px): বিভাগগুলিকে উল্লম্বভাবে স্ট্যাক করুন, শীর্ষে প্রাথমিক KPI-কে অগ্রাধিকার দিন, 3-কলাম গ্রিডগুলিকে অনুভূমিক ক্যারোসেলগুলিতে রূপান্তর করুন এবং ট্যাপ টার্গেটগুলিকে ≥ 44px রাখুন।"
- ভিন্নতা: "2-কলাম কাঠামো এবং সামঞ্জস্যপূর্ণ টাইপ স্কেল বজায় রেখে ট্যাবলেট (768px) অভিযোজিত লেআউট তৈরি করুন।"
- কখন ব্যবহার করবেন: আপনাকে কয়েক ঘণ্টার মধ্যে একটি প্রতিক্রিয়াশীল ধারণা পাঠাতে হবে, কয়েক দিনের মধ্যে নয়।
১০) ইউজেবিলিটি পালিশ (মাইক্রো-UX)
- মূল প্রম্পট: "স্বচ্ছতা এবং অ্যাফোর্ডেন্স উন্নত করুন: সমস্ত ফর্ম ফিল্ডে বর্ণনামূলক সহায়ক টেক্সট যোগ করুন, হোভারে বোতামের কনট্রাস্ট 10% বাড়ান এবং একটি নিশ্চিতকরণ প্যাটার্ন দিয়ে ধ্বংসাত্মক ক্রিয়াগুলি স্পষ্ট করুন।"
- ভিন্নতা: "একটি আইকন, এক লাইনের সুবিধা এবং প্রাথমিক ক্রিয়া সহ খালি অবস্থাগুলি ব্যাখ্যামূলক করুন।"
- কখন ব্যবহার করবেন: ডিজাইনটি কার্যকরীভাবে সম্পূর্ণ কিন্তু UX সূক্ষ্মতার অভাব রয়েছে।
বোনাস: প্রম্পট প্যাটার্ন যা ধারাবাহিকভাবে কাজ করে
- লক্ষ্য + ক্রিয়া + সীমাবদ্ধতা: "[ফ্রেম/কম্পোনেন্টে], [X করুন] কিন্তু [Y পরিবর্তন করবেন না]।"
- সিস্টেম-প্রথম ভাষা: সামঞ্জস্যপূর্ণ ফলাফলের জন্য টোকেনগুলি উল্লেখ করুন (যেমন,
text/primary, bg/subtle, space/16)।
- পরিবর্তন পরিমাপ করুন: রেঞ্জ ("12-16px দ্বারা বৃদ্ধি করুন"), অনুপাত বা ব্রেকপয়েন্ট ব্যবহার করুন।
- গার্ডরেল: চমক এড়াতে "চিত্র সম্পাদনা করবেন না" বা "আইকনোগ্রাফি সংরক্ষণ করুন" যোগ করুন।
- গ্রহণযোগ্যতার মানদণ্ড: "WCAG AA নিশ্চিত করুন" বা "320-1440px ফিট করে।"
বাস্তব-বিশ্বের ওয়ার্কফ্লো: কখন Prompt‑to‑Edit বনাম Make ব্যবহার করবেন
- স্কোপড, সার্জিক্যাল পরিবর্তনের জন্য Prompt‑to‑Edit ব্যবহার করুন: টেক্সট টোন, স্পেসিং নরমালাইজেশন, কম্পোনেন্ট সোয়াপ।
- Figma Make ব্যবহার করুন যখন আপনি দ্রুত পুরো স্ক্রিন তৈরি বা রূপান্তর করতে চান, তারপর Prompt‑to‑Edit দিয়ে পরিমার্জন করুন।
- Figma-র নিজস্ব গাইডেন্স তৈরি এবং পুনরাবৃত্তির জন্য প্রম্পট ক্রাফটকে আন্ডারস্কোর করে, যা আপনাকে আপনার সিস্টেমের সাথে সারিবদ্ধ থেকে দ্রুত পুনরাবৃত্তি করতে সহায়তা করে। কমিউনিটি গাইডগুলি হাতে-কলমে টিপস এবং উদাহরণ যোগ করে যা আপনি মানিয়ে নিতে পারেন।
উদাহরণ প্রম্পট স্ক্রিপ্ট যা আপনি আজই পেস্ট করতে পারেন
সরাসরি এই স্ক্রিপ্টগুলি চেষ্টা করুন, তারপর আপনার সিস্টেমের নাম এবং আকার অনুসারে পরিবর্তন করুন।
- হেডলাইন হায়ারার্কি স্ক্রিপ্ট:
"'Landing/Hero' ফ্রেমে, H1 আকার 24px বাড়ান, ওজন SemiBold এ সেট করুন, সাবহেডিং 2px কম করুন এবং পঠনযোগ্যতার জন্য 8px লাইন উচ্চতা যোগ করুন। ব্র্যান্ডের রং অপরিবর্তিত রাখুন।"
- অ্যাক্সেসিবিলিটি পাস স্ক্রিপ্ট:
"'Pricing/Compare'-এ, WCAG AA পূরণের জন্য টেক্সট/ব্যাকগ্রাউন্ড কনট্রাস্ট সামঞ্জস্য করুন। ব্র্যান্ড প্রাইমারি বা চিত্রণ পরিবর্তন করবেন না।"
- অটো-লেআউট স্ট্যান্ডার্ডাইজেশন:
"প্যাডিং 16px, গ্যাপ 12px এবং অ্যালাইন আইটেম সেন্টার সহ সমস্ত কার্ড কম্পোনেন্টে অটো-লেআউট প্রয়োগ করুন। সর্বোচ্চ প্রস্থ 360px রাখুন।"
- কম্পোনেন্ট সোয়াপ:
"কাস্টম বোতামগুলিকে 'Button/Primary' (Medium) দিয়ে প্রতিস্থাপন করুন। লেবেল এবং আইকন সংরক্ষণ করুন।"
- ডার্ক মোড ভেরিয়েন্ট:
"'Dashboard/Main'-এর একটি ডার্ক মোড সংস্করণ তৈরি করুন যা টোকেনগুলিকে ডার্ক সমতুল্যের সাথে ম্যাপ করে এবং AA কনট্রাস্ট নিশ্চিত করে।"
- প্রতিক্রিয়াশীল রিফ্লো:
"মোবাইলের জন্য 'Marketing/Features' রিফ্লো করুন (375px): বিভাগগুলিকে স্ট্যাক করুন, 3-কলাম তালিকাগুলিকে একটি একক কলামে রূপান্তর করুন এবং CTAs কে উপরের দিকে দৃশ্যমান রাখুন।"
- কপি টোন অ্যালাইনমেন্ট:
"পণ্য এবং মেট্রিকগুলির নাম অপরিবর্তিত রেখে সমস্ত H2 কে বন্ধুত্বপূর্ণ, সরাসরি সুরে ৮ম শ্রেণির পঠন স্তরে পুনরায় লিখুন।"
- ডেটা রিয়েলিজম:
"সম্ভাব্য মান ব্যবহার করে বাস্তবসম্মত SaaS মেট্রিক (MRR, চর্ন, ARPU) সহ টেবিলটি পূরণ করুন; দীর্ঘ কোম্পানির নামগুলি উপবৃত্তাকার দিয়ে ছেঁটে দিন।"
- স্পেসিং গ্রিড:
"এই পৃষ্ঠা জুড়ে স্পেসিংকে 8-pt বৃদ্ধিতে নরমালাইজ করুন; হিরো চিত্রের আকার পরিবর্তন করবেন না।"
- ইউজেবিলিটি পালিশ:
"ত্রুটি অবস্থায় সহায়ক টেক্সট যোগ করুন, স্পর্শ লক্ষ্য আকার 44px এ বাড়ান এবং একটি নিশ্চিতকরণ ডায়ালগ প্যাটার্ন দিয়ে ধ্বংসাত্মক ক্রিয়াগুলি স্পষ্ট করুন।"
সাধারণ ভুল এবং সেগুলি এড়ানোর উপায়
- অত্যধিক বিস্তৃত প্রম্পট: আপনি যদি বলেন "লেআউট পরিষ্কার করুন," অপ্রত্যাশিত পরিবর্তনের আশা করুন। ফ্রেম/কম্পোনেন্টে স্কোপ করুন এবং সাফল্যের সংজ্ঞা দিন।
- সীমাবদ্ধতা অনুপস্থিত: "চিত্র পরিবর্তন করবেন না" ছাড়া, সম্পদগুলির আকার পরিবর্তন করা বা গুরুত্ব কমিয়ে দেওয়া হতে পারে।
- স্টাইল ড্রিফট: আপনার ডিজাইন টোকেন এবং কম্পোনেন্টের নামের সাথে প্রম্পটগুলিকে অ্যাঙ্কর করুন।
- অ-নির্ধারক ফলাফল: একটি শাখা বা ডুপ্লিকেট পৃষ্ঠায় পরিবর্তন চালান; চয়ন করে পরিবর্তন গ্রহণ/প্রত্যাখ্যান করুন।
- অ্যাক্সেসিবিলিটি রিগ্রেশন: রঙের সম্পাদনার পরে সর্বদা কনট্রাস্ট পুনরায় পরীক্ষা করুন।
মাইক্রো-প্রম্পট যা আপনি ক্রমাগত পুনরায় ব্যবহার করবেন
- "কার্ড জুড়ে টেক্সট বেসলাইন অ্যালাইন করুন; কার্ডের উচ্চতা সমান রাখুন।"
- "লাইব্রেরি থেকে সিমান্টিক রঙের টোকেন দিয়ে সমস্ত হেক্স কোড প্রতিস্থাপন করুন।"
- "অপ্রয়োজনীয় ডিভাইডারগুলি সরিয়ে ভিজ্যুয়াল নয়েজ কম করুন; পরিবর্তে স্পেসিং দিয়ে বিভাগের সীমানা পরিষ্কার রাখুন।"
- "আইকনের শৈলীকে 'Duotone/16px' সেটে একত্রিত করুন; সামঞ্জস্যপূর্ণ স্ট্রোক প্রস্থ নিশ্চিত করুন।"
- "সমস্ত CTAs কে ক্রিয়া ব্যবহার করতে আপডেট করুন: 'ট্রায়াল শুরু করুন', 'পরিকল্পনা তুলনা করুন', 'টিমকে আমন্ত্রণ জানান'।"
পাওয়ার ব্যবহারকারীদের জন্য ওয়ার্কফ্লো টিপস
- একটি মোটামুটি, উচ্চ-স্তরের প্রম্পট দিয়ে শুরু করুন, তারপর বিশদ লক করতে একটি পরিমার্জন প্রম্পট অনুসরণ করুন।
- একই ধরনের পরিবর্তন ব্যাচ করুন: যেমন, প্রথমে সমস্ত স্পেসিং নরমালাইজেশন করুন, তারপর কম্পোনেন্ট সোয়াপ করুন।
- আপনার টিমের নথিতে একটি প্রম্পট লাইব্রেরি রাখুন। ডিজাইন টোকেনের মতো তাদের সংস্করণ করুন।
- বাস্তব ডেটা দিয়ে তাড়াতাড়ি যাচাই করুন: লেআউট স্ট্রেস-টেস্ট করতে বাস্তবসম্মত স্থানধারকের জন্য প্রম্পট করুন।
Prompt‑to‑Edit কোথায় যাচ্ছে
প্রম্পট-ভিত্তিক সম্পাদনা এবং জেনারেশনের চারপাশে Figma-র গতিপথ আরও স্ট্রাকচার্ড, সিস্টেম-সচেতন রূপান্তরের পরামর্শ দেয়—বিশেষ করে যেহেতু Make এবং Prompt‑to‑Edit আপনার টোকেন, কম্পোনেন্ট এবং সীমাবদ্ধতা থেকে শিখে। ডিজাইন সিস্টেমের সাথে আরও টাইট কাপলিং, আরও ভাল অ্যাক্সেসিবিলিটি হিউরিস্টিক এবং বক্সের বাইরে স্মার্ট প্রতিক্রিয়াশীল আচরণ আশা করুন।
যাইহোক: Sider.AI দিয়ে এটি চেষ্টা করছেন
Relevance Score: 8/10. আপনি যদি বারবার প্রম্পট তৈরি করেন, তাহলে Sider.AI-এর সাইডবার সহকারী আপনাকে আপনার Figma ক্যানভাসের পাশে আপনার প্রম্পট স্ক্রিপ্ট তৈরি, পরিমার্জন এবং সংস্করণ করতে সাহায্য করতে পারে। উল্লেখ করার মতো: আপনি একটি শেয়ার্ড প্রম্পট লাইব্রেরি রাখতে পারেন, ভিন্নতার জন্য জিজ্ঞাসা করতে পারেন এবং আলগা অনুরোধগুলিকে ("এটিকে আরও পপ করুন") কংক্রিট, স্কোপড নির্দেশাবলীতে (আকার, টোকেন, সীমাবদ্ধতা) রূপান্তর করতে পারেন যা আপনার টিম পুনরায় ব্যবহার করতে পারে।
দ্রুত চিট-শিট (কপি, পরিবর্তন, পেস্ট)
- হায়ারার্কি উন্নত করুন: "H1 কে 24px বাড়ান, বডি কালার 5% হালকা করুন, বিভাগগুলির মধ্যে 12px যোগ করুন।"
- স্পেসিং নরমালাইজ করুন: "প্যাডিং/গ্যাপগুলিকে 8-pt বৃদ্ধিতে রাউন্ড করুন; হিরো যেমন আছে তেমনই রাখুন।"
- অ্যাক্সেসিবিলিটি পাস: "সমস্ত টেক্সটের জন্য AA কনট্রাস্ট নিশ্চিত করুন; ব্র্যান্ড প্রাইমারি পরিবর্তন করবেন না।"
- কম্পোনেন্ট প্রতিস্থাপন: "সমস্ত বোতামকে 'Button/Primary' (Medium) এ সোয়াপ করুন।"
- প্রতিক্রিয়াশীল: "375px প্রস্থের জন্য রিফ্লো করুন; ট্যাপ টার্গেটগুলিকে ≥ 44px রাখুন।"
- ডার্ক মোড: "টোকেনগুলিকে ডার্ক সমতুল্যের সাথে ম্যাপ করুন; 80% উজ্জ্বলতায় অ্যাকসেন্ট বজায় রাখুন।"
- কপি টোন: "H2 কে বন্ধুত্বপূর্ণ, সুবিধা-প্রথম টোনে পুনরায় লিখুন; পণ্যের নাম রাখুন।"
- ডেটা রিয়েলিজম: "বাস্তবসম্মত মেট্রিক দিয়ে পূরণ করুন; উপচে পড়া ছেঁটে দিন।"
- অটো-লেআউট: "অটো-লেআউট যোগ করুন, প্যাডিং 16, গ্যাপ 12, বামে অ্যালাইন করুন, মোড়ানো।"
- মাইক্রো-UX: "নিশ্চিতকরণের সাথে ত্রুটি অবস্থা এবং ধ্বংসাত্মক ক্রিয়াগুলি স্পষ্ট করুন।"
মূল বিষয়
- অনির্দিষ্টতার চেয়ে নির্দিষ্টতা ভালো। লক্ষ্য, ক্রিয়া এবং সীমাবদ্ধতার নাম দিন।
- সিস্টেম ভাষা জয়ী হয়। টোকেন এবং কম্পোনেন্টের নাম ব্যবহার করুন।
- প্রতিটি পরিবর্তন যাচাই করুন। কনট্রাস্ট, প্রতিক্রিয়াশীলতা এবং কপির ফিট পরীক্ষা করুন।
- যা কাজ করে তা সংরক্ষণ করুন। একটি টিম প্রম্পট লাইব্রেরি তৈরি করুন এবং পুনরাবৃত্তি করুন।
FAQ
Q1:Figma Prompt‑to‑Edit-এর জন্য সেরা প্রম্পটগুলি কী কী?
স্কোপড, পরিমাপযোগ্য প্রম্পট ব্যবহার করুন যেমন “স্পেসিংকে 8-pt বৃদ্ধিতে নরমালাইজ করুন” বা “সমস্ত বোতামকে Button/Primary (Medium) দিয়ে প্রতিস্থাপন করুন।” সামঞ্জস্যপূর্ণ ফলাফলের জন্য ফ্রেম, কম্পোনেন্ট এবং সীমাবদ্ধতার উল্লেখ করুন।
Q2:আমি অ্যাক্সেসিবিলিটির জন্য কার্যকর Prompt‑to‑Edit কমান্ড কীভাবে লিখব?
স্পষ্ট হোন: “সমস্ত টেক্সটের জন্য WCAG AA কনট্রাস্ট নিশ্চিত করুন; ব্র্যান্ড প্রাইমারি পরিবর্তন করবেন না।” আপনি হেডিংগুলির জন্য একটি AAA ভেরিয়েন্টের জন্যও জিজ্ঞাসা করতে পারেন এবং অ্যাক্সেসিবিলিটি পাসের মাধ্যমে ফলাফল যাচাই করতে পারেন।
Q3:Figma Prompt‑to‑Edit কি স্বয়ংক্রিয়ভাবে ডার্ক মোড তৈরি করতে পারে?
হ্যাঁ, এটিকে ডার্ক সমতুল্যের সাথে সিমান্টিক টোকেন ম্যাপ করতে এবং AA কনট্রাস্ট বজায় রাখতে প্রম্পট করুন। ব্র্যান্ড অ্যাকসেন্ট উজ্জ্বলতা এবং কম্পোনেন্ট প্যারিটি নির্দিষ্ট করুন যাতে অনুমানযোগ্য ফলাফল পাওয়া যায়।
Q4:আমার কখন Figma Make বনাম Prompt‑to‑Edit ব্যবহার করা উচিত?
পুরো স্ক্রিন দ্রুত তৈরি বা রূপান্তর করতে Figma Make ব্যবহার করুন, তারপর স্পেসিং, কম্পোনেন্ট সোয়াপ এবং কপি টোন আপডেটের মতো সুনির্দিষ্ট সমন্বয়ের জন্য Prompt‑to‑Edit ব্যবহার করুন।
Q5:Sider.AI কীভাবে Figma প্রম্পটগুলির সাথে সাহায্য করতে পারে?
Sider.AI আপনার ক্যানভাসের পাশে পুনরায় ব্যবহারযোগ্য Prompt‑to‑Edit স্ক্রিপ্ট তৈরি, পরিমার্জন এবং সংরক্ষণ করতে পারে। এটি অস্পষ্ট অনুরোধগুলিকে স্ট্রাকচার্ড নির্দেশাবলীতে রূপান্তর করে যা আপনার টিম সংস্করণ এবং পুনরায় ব্যবহার করতে পারে।
