এই নিবন্ধটি Penpot দ্বারা স্পনসর করা হয়েছে কল্পনা করুন যে আপনার পেনপট ফাইলটিতে ডিজাইন ছাড়াও একটি সম্পূর্ণ আইকন সেট রয়েছে, যা কিছু আইকন ব্যবহার করে কিন্তু সমস্ত আইকন ব্যবহার করে না। আপনি যদি একটি AI যেমন Claude বা Gemini কে শুধুমাত্র যে আইকনগুলি ব্যবহার করা হচ্ছে তা রপ্তানি করতে বলুন, এটি তা করতে সক্ষম হবে না। এটি Penpot ফাইলের সাথে ইন্টারঅ্যাক্ট করতে সক্ষম নয়। যাইহোক, একটি Penpot MCP সার্ভার পারে। এটি নির্দিষ্ট নিয়ম এবং অনুমতির অধীনে একটি নির্দিষ্ট সংখ্যক ক্রিয়াকলাপ সম্পাদন করতে পারে, বিশেষত যেহেতু পেনপটের একটি বিস্তৃত API রয়েছে এবং আরও বেশি কারণ এটি ওপেন-সোর্স। এআই-এর কাজ হল আপনার উদ্দেশ্য বোঝা, এমসিপি সার্ভারের জন্য সঠিক অপারেশন বেছে নেওয়া (এই ক্ষেত্রে একটি রপ্তানি), এবং যেকোন প্যারামিটার (অর্থাৎ, যে আইকনগুলি ব্যবহার করা হচ্ছে) বরাবর পাস করা। MCP সার্ভার তারপর এটিকে একটি কাঠামোগত API অনুরোধে অনুবাদ করে এবং এটি কার্যকর করে। এটি একটি রেস্তোরাঁয় AI কে একটি সার্ভার হিসাবে ভাবতে সাহায্য করতে পারে যা আপনার অর্ডার নেয়, MCP সার্ভারকে মেনু এবং শেফ উভয় হিসাবে এবং API অনুরোধটিকে (আশা করি) একটি উষ্ণ প্লেটে একটি গরম পিৎজা পাই হিসাবে। কেন MCP সার্ভার, ঠিক? ঠিক আছে, Penpot আপনার অভিপ্রায় বুঝতে সক্ষম নয় কারণ এটি একটি LLM নয়, অথবা এটি তৃতীয় পক্ষের LLM-কে আপনার Penpot ডেটার নিরাপত্তা এবং গোপনীয়তার জন্য আপনার Penpot ফাইলগুলির সাথে ইন্টারঅ্যাক্ট করার অনুমতি দেয় না। যদিও Penpot MCP সার্ভারগুলি একটি সুরক্ষিত সেতু হিসাবে কাজ করে, আপনার Penpot ফাইল এবং ডেটা প্রসঙ্গ হিসাবে ব্যবহার করে API অনুরোধগুলিতে AI অভিপ্রায় অনুবাদ করে৷ এর চেয়েও ভালো ব্যাপার হল যে পেনপট একটি ডিজাইন-এক্সপ্রেসড-এ-কোড পদ্ধতি গ্রহণ করে, ডিজাইনগুলিকে প্রোগ্রাম্যাটিকভাবে তৈরি, সম্পাদনা এবং দানাদার স্তরে বিশ্লেষণ করা যেতে পারে। এটি আরও প্রাসঙ্গিক, আরও নির্দিষ্ট, এবং তাই অন্যান্য MCP সার্ভারগুলি যা অফার করে তার তুলনায় আরও শক্তিশালী এবং সাবপার 'ডেসক্রাইব → জেনারেট' এআই ওয়ার্কফ্লো থেকে অনেক বেশি চিন্তাশীল যা আমি মনে করি না যে কেউ সত্যিই চায়। পেনপটের এআই হোয়াইটপেপার এটিকে খারাপ পদ্ধতি এবং 'কনভার্ট টু কোড' পদ্ধতিকে কুৎসিত পদ্ধতি হিসাবে বর্ণনা করে, যেখানে এমসিপি সার্ভারগুলি আরও পরিমার্জিত এবং অভিযোজনযোগ্য। বৈশিষ্ট্য এবং প্রযুক্তিগত বিবরণ আমরা কেস ব্যবহার করার আগে, এখানে কিছু বৈশিষ্ট্য এবং প্রযুক্তিগত বিবরণ রয়েছে যা আরও ব্যাখ্যা করে যে পেনপট এমসিপি সার্ভারগুলি কীভাবে কাজ করে:
MCP মান মেনে চলে; রিয়েল-টাইম ডিজাইন ডেটার জন্য Penpot API এর সাথে একীভূত হয়; একটি পাইথন SDK, REST API, প্লাগইন সিস্টেম এবং CLI টুলস অন্তর্ভুক্ত করে; যেকোন MCP-সক্ষম AI সহকারীর সাথে কাজ করে (VS কোডে Claude, Cursor এ Claude, Claude Desktop, ইত্যাদি); এআই মডেলের সাথে ডিজাইনের প্রসঙ্গ শেয়ার করা এবং তাদের উপাদান দেখতে ও বুঝতে সাহায্য করে; প্রাকৃতিক ভাষা ব্যবহার করে Penpot এর সাথে যোগাযোগের সুবিধা দেয়।
তাহলে, এমসিপি সার্ভারগুলি পেনপটে আমাদের কী করতে সক্ষম করতে পারে এবং বিদ্যমান পরীক্ষাগুলি ইতিমধ্যে কী অর্জন করেছে? চলুন দেখে নেওয়া যাক। Penpot MCP সার্ভার ব্যবহার-কেস পেনপট এমসিপি সার্ভারগুলি কী করতে পারে তা আপনি যদি এড়িয়ে যেতে চান তবে পেনপটের কয়েকটি এমসিপি ডেমো একটি গুগল ড্রাইভে লুকিয়ে রাখা আছে যা দেখার চেয়ে বেশি। পেনপটের সিইও পাবলো রুইজ-মুজকুইজ উল্লেখ করেছেন যে ভিডিও 03, 04, 06, 08 এবং 12 তাদের পছন্দের। MCP সার্ভারগুলিকে সংক্ষিপ্ত করার একটি আরও দ্রুত উপায় হল Penpot Fest 2025 থেকে উন্মোচন করা। অন্যথায়, পেনপট তাদের পাবলিক শোকেসে প্রদর্শিত আরও পরিমার্জিত উদাহরণগুলির কিছু দেখে নেওয়া যাক। ডিজাইন-টু-কোড এবং আবার ফিরে যান (এবং আরও) পেনপট ডিজাইনগুলিকে কোড হিসাবে কীভাবে প্রকাশ করা হয় সে সম্পর্কে আমি আগে যা বলছিলাম তা থেকে চলমান, এর মানে হল যে MCP সার্ভারগুলি AI ব্যবহার করে ডিজাইনকে কোডে রূপান্তর করতে ব্যবহার করা যেতে পারে, তবে ডিজাইন করার জন্য কোড, ডিজাইন থেকে ডকুমেন্টেশন, সিস্টেমের উপাদানগুলি ডিজাইন করার জন্য ডকুমেন্টেশন, উল্লিখিত ডিজাইন সিস্টেমের উপর ভিত্তি করে আবার কোড থেকে ডিজাইন, এবং তারপরে সেই ডিজাইন সিস্টেমের উপর ভিত্তি করে সম্পূর্ণ নতুন উপাদান। এটি পরাবাস্তব শোনাচ্ছে, কিন্তু নীচের ডেমোটি এই রূপান্তরযোগ্যতা দেখায় এবং এটি অস্পষ্ট নির্দেশ থেকে নয় বরং পূর্ববর্তী ডিজাইন পছন্দগুলি, সেগুলি কীভাবে প্রকাশ করা হয়েছে তা নির্বিশেষে (ডিজাইন, কোড, বা ডকুমেন্টেশন)। কোন আশ্চর্যের কিছু নেই — এইগুলি কেবলমাত্র সেই সিদ্ধান্ত যা আপনি পূর্ববর্তী সিদ্ধান্তগুলির উপর ভিত্তি করে যেভাবেই হোক না কেন, দ্রুত কার্যকর করা হবে। ডেমোতে, পেনপটের ডিজাইনার জুয়ান দে লা ক্রুজ গার্সিয়া, ঘর্ষণহীনভাবে কিছু সাধারণ উপাদানকে ডকুমেন্টেশন, ডিজাইন সিস্টেম উপাদান, কোড, নতুন উপাদান এবং এমনকি একটি সম্পূর্ণ স্টোরিবুক প্রজেক্ট যেমন প্লে-ডো-এর একটি অংশে রূপান্তরিত করে: ডিজাইন-টু-কোড, ডিজাইন/কোড বৈধতা, এবং সহজ অপারেশন নীচের একটি অনুরূপ ডেমোতে, Dominik Jain, Oraios AI-এর সহ-প্রতিষ্ঠাতা, ফ্রন্টএন্ড শৈলীগুলি আপডেট করার আগে ডিজাইনের উপর ভিত্তি করে একটি Node.js ওয়েব অ্যাপ তৈরি করে, সামঞ্জস্যের জন্য এটি পরীক্ষা করার আগে মসৃণ ডিজাইন-টু-কোড অনুবাদ নিশ্চিত করতে মেমরিতে নাম এবং শনাক্তকারী সংরক্ষণ করে, যোগ করেPenpot এ নির্বাচিত আকৃতির পাশে মন্তব্য করুন, এবং তারপর একটি অভিযোজিত উপাদান দিয়ে Penpot এ একটি স্ক্রীবল প্রতিস্থাপন করুন। এখানে অনেক কিছু ঘটছে, কিন্তু আপনি দেখতে পাচ্ছেন যে ডমিনিক ক্লড ডেস্কটপে ঠিক কী টাইপ করছে সেইসাথে ক্লডের প্রতিক্রিয়াগুলি, এবং এটি খুব শক্তিশালী: যাইহোক, পূর্ববর্তী ডেমো ভিএস কোডে ক্লড ব্যবহার করেছিল, তাই আমার মনে রাখা উচিত যে পেনপট এমসিপি সার্ভারগুলি এলএলএম-অজ্ঞেয়বাদী। আপনার প্রযুক্তিগত স্ট্যাক সম্পূর্ণরূপে আপনার উপর নির্ভর করে। IvanTheGeek JetBrains Rider IDE এবং Junie AI এর সাথে তাদের MCP সার্ভার সেট আপ করতে পেরেছে। আরও ব্যবহারের ক্ষেত্রে যেকোনো Penpot ডিজাইন টোকেন ব্যবহার করার সময় একটি Penpot বোর্ডকে প্রোডাকশন-রেডি শব্দার্থিক HTML এবং মডুলার CSS-এ অনুবাদ করুন (মনে রাখবেন যে Penpot ডিজাইনগুলি ইতিমধ্যেই কোড হিসাবে প্রকাশ করা হয়েছে, তাই এটি অন্ধকারে শট নয়): বিদ্যমান HTML পরিবর্তন না করে একটি ইন্টারেক্টিভ ওয়েব প্রোটোটাইপ তৈরি করুন: যেমনটি আগে দেখানো হয়েছে, বিদ্যমান ডিজাইন এবং/অথবা ডিজাইন সিস্টেম উপাদানগুলিকে কাজে লাগিয়ে একটি স্ক্রাইবলকে একটি উপাদানে রূপান্তর করুন: একটি Penpot ফাইল থেকে ডিজাইন সিস্টেম ডকুমেন্টেশন তৈরি করুন: এবং এখানে পেনপট এবং সম্প্রদায়ের আরও কিছু ব্যবহার-কেস রয়েছে:
উন্নত রপ্তানি, প্রাকৃতিক ভাষা ব্যবহার করে নকশা উপাদান অনুসন্ধান করুন, প্রাকৃতিক ভাষা ব্যবহার করে বহিরাগত API থেকে ডেটা টানুন, পেনপটকে অন্যান্য বাহ্যিক সরঞ্জামের সাথে সহজেই সংযুক্ত করুন, পুনরাবৃত্তিমূলক কাজগুলি স্মৃতিতে সংরক্ষণ করা এবং সেগুলি সম্পাদন করা, ভিজ্যুয়াল রিগ্রেশন টেস্টিং, ডিজাইনের ধারাবাহিকতা এবং অপ্রয়োজনীয়তা পরীক্ষা করা, অ্যাক্সেসযোগ্যতা এবং ব্যবহারযোগ্যতা বিশ্লেষণ এবং প্রতিক্রিয়া, ডিজাইন সিস্টেম সম্মতি পরীক্ষা, নির্দেশিকা সম্মতি পরীক্ষা (ব্র্যান্ড, বিষয়বস্তু, ইত্যাদি), নকশা বিশ্লেষণের সাথে গ্রহণ এবং ব্যবহার নিরীক্ষণ, স্বয়ংক্রিয়ভাবে নকশার সাথে সিঙ্কে ডকুমেন্টেশন রাখুন, ডিজাইন ফাইল সংগঠন (যেমন, ট্যাগিং/শ্রেণীকরণ)।
মূলত, পেনপট এমসিপি সার্ভারগুলি আপনার নির্বাচিত LLM/LLM ক্লায়েন্টের দক্ষতা এবং স্বাচ্ছন্দ্যের জন্য ধন্যবাদ অসীম সংখ্যক কর্মপ্রবাহের পথে নিয়ে যায়, কিন্তু এতে আপনার ডেটা প্রকাশ না করে। আপনি কি জন্য MCP সার্ভার ব্যবহার করবেন? Penpot MCP সার্ভারগুলি এমনকি বিটা পর্যায়ে নেই, তবে এটি একটি সক্রিয় পরীক্ষা যার আপনি একটি অংশ হতে পারেন। Penpot ব্যবহারকারীরা ইতিমধ্যে MCP সার্ভারের জন্য ব্যবহারের ক্ষেত্রে অন্বেষণ শুরু করেছে, কিন্তু Penpot আরও দেখতে চায়। পরবর্তী প্রজন্মের ডিজাইন টুলগুলি ডিজাইনার, ডেভেলপার এবং প্রোডাক্ট টিমের চাহিদা পূরণ করে তা নিশ্চিত করতে, সেগুলিকে অবশ্যই সম্মিলিতভাবে এবং সহযোগিতামূলকভাবে তৈরি করতে হবে, বিশেষ করে যেখানে AI সংশ্লিষ্ট। দ্রষ্টব্য: Penpot এর MCP সার্ভার অন্বেষণ করতে, পরীক্ষা করতে এবং সাহায্য করতে আগ্রহী বিটা পরীক্ষকদের সন্ধান করছে। যোগ দিতে, "MCP বিটা পরীক্ষা স্বেচ্ছাসেবক" বিষয় লাইন সহ support@penpot.app এ লিখুন। এমন কিছু কি আছে যা আপনি মনে করেন যে পেনপট এমসিপি সার্ভারগুলি করতে পারে যা বর্তমান সরঞ্জামগুলি যথেষ্ট ভাল, যথেষ্ট দ্রুত, বা একেবারেই করতে সক্ষম নয়? আপনি শিখতে পারেন কিভাবে একটি Penpot MCP সার্ভার সেট আপ করতে হয় এবং আজই টিঙ্কারিং শুরু করতে পারেন, অথবা যদি আপনার মস্তিষ্ক ইতিমধ্যেই ধারনা নিয়ে গুঞ্জন করে, Penpot চায় আপনি আলোচনায় যোগ দিন, আপনার প্রতিক্রিয়া ভাগ করুন এবং আপনার ব্যবহারের ক্ষেত্রে কথা বলুন। বিকল্পভাবে, নীচের মন্তব্য বিভাগটি শুরু করার জন্য একটি খারাপ জায়গা নয়!
