ডিজাইন সিস্টেম শব্দকোষ

ডিজাইন সিস্টেমের কাজ যে শব্দগুলোর ওপর চলে, সহজ ভাষায় তার সংজ্ঞা। এই ভুক্তিগুলো প্রোডাক্ট নয়, ক্ষেত্রটাকে বর্ণনা করে - তাই Flash DSM কখনও না খুললেও কাজে লাগবে।

কালার স্কেল

কালার স্কেল হলো একই হিউয়ের শেডগুলোর একটি সাজানো সেট, প্রথা অনুযায়ী ৫০ থেকে ৯০০ পর্যন্ত সংখ্যায়িত। ধাপগুলো চোখে সমান দেখায় এবং নির্দিষ্ট জোড়া পরিচিত কনট্রাস্ট অনুপাত মেনে চলে, ফলে যেকোনো হেক্স মানের বদলে ভূমিকা ও ধাপ ধরে রং বাছা যায়।

টাইপ স্কেল

টাইপ স্কেল হলো একটি ডিজাইন সিস্টেম যেসব ফন্ট সাইজ অনুমোদন করে তার সাজানো সেট, সাধারণত একটি ভিত্তি সাইজকে নির্দিষ্ট অনুপাতে গুণ করে তৈরি। লেখাকে এই ধাপগুলোতেই সীমিত রাখাই বহু মানুষের বানানো ইন্টারফেসে টাইপোগ্রাফি সামঞ্জস্যপূর্ণ রাখে।

টোকেন ড্রিফট

টোকেন ড্রিফট হলো ডিজাইন সিস্টেমে লিপিবদ্ধ সিদ্ধান্ত আর পণ্যে আসলে ব্যবহৃত মানের মধ্যে ক্রমশ বেড়ে চলা ফারাক। কোনো একটি পৃষ্ঠ - একটি Figma ফাইল, একটি স্টাইলশিট, কিংবা AI-এর লেখা কোড - যখন যৌথ উৎসকে আর নির্দেশ করে না এবং নিজের মান জমাতে থাকে, তখন এটি ঘটে।

ডার্ক মোড টোকেন

ডার্ক মোড টোকেন হলো দ্বিতীয় একগুচ্ছ মান, যা লাইট থিমের একই সিমান্টিক নামের সঙ্গে যুক্ত। মোড বদলালে --color-surface-এর মতো নামগুলো অন্য রঙের দিকে নির্দেশ করে, আর কোন মোড চালু আছে তা কোনো কম্পোনেন্টের জানার দরকার হয় না।

ডিজাইন টোকেন

ডিজাইন টোকেন হলো নাম দেওয়া একটি মান, যা একটিমাত্র ডিজাইন সিদ্ধান্ত ধরে রাখে - যেমন একটি রং, একটি স্পেসিং ধাপ বা একটি ফন্ট সাইজ। নাম থাকার ফলে সিদ্ধান্তটি ডিজাইন টুল ও কোড দুই জায়গাতেই পুনর্ব্যবহার করা যায়, প্রতিবার হাতে লিখতে হয় না।

ডিজাইন টোকেনের জন্য MCP

Model Context Protocol হলো AI সহকারীকে বাইরের টুল ও ডেটার সঙ্গে যুক্ত করার একটি উন্মুক্ত মান। ডিজাইন টোকেনে প্রয়োগ করলে একটি MCP সার্ভার প্রকল্পের চলতি টোকেন মানগুলো AI কোডিং এজেন্টকে দেয়, ফলে তৈরি হওয়া কম্পোনেন্ট মডেলের বানানো মানের বদলে আসল ডিজাইন সিস্টেম ব্যবহার করে।

ডিজাইন থেকে কোড

ডিজাইন থেকে কোড বলতে বোঝায় Figma-র মতো টুলে নেওয়া সিদ্ধান্তকে চালু ফ্রন্টএন্ড কোডে রূপান্তরের প্রক্রিয়া। টেকসই পদ্ধতিটি ক্যানভাস থেকে মার্কআপ তৈরি করে না, বরং ডিজাইন টোকেন স্থানান্তর করে - কারণ ইন্টারফেস বদলালেও টোকেন বৈধ থাকে, তৈরি করা মার্কআপ থাকে না।

ডিজাইন সিস্টেম

ডিজাইন সিস্টেম হলো ডিজাইন সিদ্ধান্ত, কম্পোনেন্ট ও নিয়মের সেই যৌথ সংগ্রহ, যা দিয়ে একটি দল ধারাবাহিকভাবে পণ্য তৈরি করে। সাধারণত এতে থাকে ডিজাইন টোকেন, কম্পোনেন্ট লাইব্রেরি, ব্যবহারের নির্দেশিকা ও ডকুমেন্টেশন - ডিজাইন এবং কোড দুইয়ের জন্যই একক সত্যের উৎস হিসেবে রক্ষণাবেক্ষণ করা।

সিমান্টিক টোকেন

সিমান্টিক টোকেন এমন ডিজাইন টোকেন যার নাম দেওয়া হয় তার কাজ অনুসারে, ধারণ করা মান অনুসারে নয় - যেমন --color-red-600-এর বদলে --color-text-danger। এটি সাধারণত একটি প্রিমিটিভ টোকেনকে নির্দেশ করে, ফলে ভিতরের মান বদলালেও ব্যবহারকারী কোডের কোনো নাম বদলাতে হয় না।

Figma ভেরিয়েবল

Figma ভেরিয়েবল হলো Figma ফাইলের ভিতরে রাখা নাম দেওয়া মান - রং, সংখ্যা, স্ট্রিং ও বুলিয়ানের জন্য, আর লাইট ও ডার্ক থিমের মতো ক্ষেত্রে মোড সমর্থন করে। এটি Figma-র নিজস্ব ডিজাইন টোকেন, তবে Figma REST API দিয়ে পড়তে হলে Enterprise প্ল্যান লাগে।