অ্যাডোবি CEP প্যানেল ও Figma প্লাগইন
LazyLord
Figma, Photoshop, Illustrator ও After Effects-এর মধ্যে আসল আর্টওয়ার্ক আদান-প্রদান
- GitHub স্টার: ২
- ডাউনলোড: ৯
- v1.1.10 · ৪ দিন আগে
নিজে চালিয়ে দেখুন
Figma-য় লেয়ার বেছে Photoshop, Illustrator বা After Effects-এ পাঠিয়ে দেখুন।
Figma, Photoshop, Illustrator আর After Effects, যেকোনো অ্যাপ থেকে যেকোনো অ্যাপে ভেক্টর পাথ, এডিটযোগ্য লাইভ টেক্সট আর ছবি পাঠানোর ফ্রি, ওপেন সোর্স টুল। পেইড Overlord-এর পূর্ণ বিকল্প: কিছু সিলেক্ট করে Send চাপলেই অন্য অ্যাপে সেটা চ্যাপ্টা স্ক্রিনশট হয়ে নয়, আসল লেয়ার হয়ে তৈরি হয়। সব কাজ হয় ব্যবহারকারীর নিজের কম্পিউটারেই।
চ্যালেঞ্জ ও প্রেক্ষাপট
ডিজাইন আর মোশনের কাজে একটা অ্যাপ থেকে আরেকটায় আর্টওয়ার্ক নেওয়া মানেই পুরোনো চক্র: SVG এক্সপোর্ট, আবার ইমপোর্ট, গ্রেডিয়েন্ট চ্যাপ্টা হয়ে যাওয়া, ছবি হয়ে আসা টেক্সট আবার টাইপ করা, আর ডিজাইন বদলালেই পুরোটা আবার। এই কাজের জনপ্রিয় টুল Overlord পেইড, অথচ ফ্রিল্যান্সার আর ছোট স্টুডিওর কাছে সেটাই সবচেয়ে বড় বাধা।
আর্কিটেকচারাল চ্যালেঞ্জ:
১. চারটি ভিন্ন জগৎ: Figma-র Plugin API, আর Photoshop, Illustrator ও After Effects-এর তিনটি সম্পূর্ণ আলাদা ExtendScript অবজেক্ট মডেল। প্রতিটি অ্যাপ অন্য তিনটিতে পাঠাবে ও তিনটি থেকে নেবে, মোট বারোটি পথ; প্রতিটি পথের জন্য আলাদা কনভার্টার লিখলে তা রক্ষণাবেক্ষণের অযোগ্য হয়ে পড়ে।
২. আসল আর্টওয়ার্ক: বেজিয়ে পাথ পাথ হিসেবেই, টেক্সট এডিটযোগ্য টেক্সট হিসেবেই, লেয়ারের কাঠামো ও অবস্থান ঠিক রেখে পৌঁছাতে হবে।
৩. আপডেট মানে ধ্বংস নয়: ডিজাইন বদলে আবার পাঠালে আগে বানানো জিনিসটাই হালনাগাদ হবে, কিন্তু ব্যবহারকারী হাতে যা বদলেছেন তা নীরবে মুছে দেওয়া চলবে না।
৪. গোপনীয়তা ও সহজ ইনস্টল: কোনো ক্লাউড, অ্যাকাউন্ট বা আপলোড নয়; অফলাইনেও চলবে। আর ব্যবহারকারীকে Node.js, এক্সটেনশন ম্যানেজার বা আলাদা সার্ভার চালাতে বলা যাবে না, অথচ Figma কোনো ইনস্টলারকে প্লাগইন যোগ করতে দেয় না।
সমাধান ও কর্মপ্রক্রিয়া
১. একটি সাধারণ মধ্যবর্তী ভাষা (IR): TypeScript-এ লেখা core প্যাকেজ আর্টওয়ার্ককে অ্যাপ-নিরপেক্ষ একটি বর্ণনায় রূপ দেয় (জ্যামিতি, SVG পাথ, প্রোটোকল)। প্রতিটি অ্যাপের একটি reader সেই বর্ণনা বানায় আর একটি writer তা থেকে নেটিভ লেয়ার তৈরি করে। বারোটি কনভার্টারের জায়গায় চারটি reader আর চারটি writer মিলেই বারোটি পথ।
২. নিজের কম্পিউটারেই ব্রিজ: প্রথম যে LazyLord প্যানেল খোলা হয়, সেটাই নীরবে ws://localhost:7878-এ একটি রিলে চালায়; বাকি প্যানেল আর Figma প্লাগইন সেখানে যুক্ত হয়। কোনো আলাদা প্রোগ্রাম বা কনসোল উইন্ডো নেই, কিছুই কম্পিউটারের বাইরে যায় না।
৩. জায়গায় থেকে আপডেট ও এডিট শনাক্তকরণ: আবার পাঠালে আগে তৈরি লেয়ারটি তার অবস্থান ও গ্রুপিং ঠিক রেখে বদলে যায়। কেউ হাতে সেই লেয়ার বদলে থাকলে ওভাররাইটের আগে জিজ্ঞেস করে।
৪. লাইভ মোড: এক অ্যাপে কাজ করার সময় অন্য অ্যাপ সঙ্গে সঙ্গে হালনাগাদ হতে থাকে।
৫. সৎ রিপোর্ট: কোনো অ্যাপ যা পুনর্গঠন করতে পারে না (যেমন After Effects-এ inner shadow নেই), তা নীরবে বাদ না দিয়ে ট্রান্সফারের সঙ্গে তালিকা করে দেখায়।
৬. Figma-র বাড়তি সুবিধা: ১x থেকে ৪x ইমেজ স্কেল, জটিল লেয়ারকে ছবি হিসেবে পাঠানোর অপশন (যা ফাইলেই মনে থাকে), আর একটি ফ্রেমের ভেতরের জিনিস পাঠালে ফ্রেমের মাপে নতুন ডকুমেন্ট বা কম্পোজিশন তৈরি।
৭. ঝামেলাহীন ইনস্টল: উইন্ডোজে .bat আর macOS-এ .command ইনস্টলার; Node.js বা এক্সটেনশন ম্যানেজার লাগে না। Figma-র জন্য আলাদা একটি স্ক্রিপ্ট প্লাগইনটা স্থায়ী জায়গায় কপি করে প্রয়োজনীয় পাথ ক্লিপবোর্ডে রেখে দেয়, বাকি থাকে মাত্র তিনটি ক্লিক।
৮. ফ্রি চিরকাল: MIT লাইসেন্সে ওপেন সোর্স, উইন্ডোজ ও macOS দুটোতেই, Adobe 2021 বা নতুন সংস্করণে।
মূল দিকগুলো
- Figma, Photoshop, Illustrator ও After Effects, চারটি অ্যাপের যেকোনোটি থেকে যেকোনোটিতে, মোট বারোটি পথ
- বেজিয়ে পাথ, এডিটযোগ্য লাইভ টেক্সট আর ছবি নেটিভ লেয়ার হিসেবে পৌঁছায়, স্ক্রিনশট হয়ে নয়
- আবার পাঠালে আগের লেয়ার জায়গায় থেকেই হালনাগাদ হয়
- হাতে করা এডিট শনাক্ত করে ওভাররাইটের আগে জিজ্ঞেস করে
- লাইভ মোড: এক অ্যাপে কাজ, অন্য অ্যাপ সঙ্গে সঙ্গে হালনাগাদ
- যা পুনর্গঠন করা যায় না তার স্পষ্ট তালিকা, নীরবে বাদ দেওয়া নয়
- TypeScript-এ অ্যাপ-নিরপেক্ষ মধ্যবর্তী বর্ণনা: চারটি reader ও চারটি writer
- সম্পূর্ণ লোকাল: ws://localhost:7878 ব্রিজ, কোনো ক্লাউড, অ্যাকাউন্ট বা আপলোড নেই
- Figma থেকে ১x–৪x ইমেজ স্কেল ও লেয়ারকে ছবি হিসেবে পাঠানোর অপশন
- উইন্ডোজ ও macOS-এ এক-ক্লিক ইনস্টলার, Node.js লাগে না
- MIT লাইসেন্সে ফ্রি ও ওপেন সোর্স, Overlord-এর পূর্ণ বিকল্প
আমি