একটা বাজে অভিজ্ঞতা শেয়ার করি।
কিছু দিন আগে একটা পরিচিত Clinet এর কাজ শেষ করলাম। কম বাজেট এ করলাম ভাবলাম যদি ভালো করে Develop করে তাহলে নিজের পোর্টফলিও তে দেখাবো। কিন্তু Develop করার পর দেখলাম ডিজাইন এর অবস্থা খারাপ। নিজের মতো করে তারা Customize করেছে।
যদিও আমাকে শুরুতে বলেছিল Shopify এর প্রোজেক্ট কিন্তু Develop করবে wordpress এ। ক্যান ভাই আগে বল্লে কি সমস্যা ছিল।
আগে থেকেই জানতাম ডেভেলপার কে সব গুছাই দিতে হয় Folder করে করে এবং ফাইল গুলো Compress করে দিলেও আরও ভালো। সব সময় নিজেই করি development এর সময় কিন্তু ভেবেছিলাম ওই ডেভেলপার ও করে নিবে।
এবার থেকে ভাবছি সব কিছু Organize করে দিবো। ভবিষ্যৎ এ আশা করি এগুলো নিয়েও ভিডিও আসবে আলাদা একটা একটা সেকশন দিবো কিভাবে গুছাইলে ভালো হয়।
Work smarter, Not harder 🥱
Framer component? এ কিছু আছে? অথবা এমন কোন Option এর এর জন্য Request করলে কেমন হয়?
ফিগ্মাতে Variables কপি পেস্ট
ফিগ্মাতে Variables কপি পেস্ট
Increment and Decrement ফিগ্মা তে 🔥 Figma variable tutorial Bangla
Increment and Decrement ফিগ্মা তে 🔥 Figma variable tutorial Bangla
Photoshop এর Generative Fill আমার অভিজ্ঞতা
Photoshop এর Generative Fill আমার অভিজ্ঞতা
- সত্যি বলতে অসাধারণ।
বিস্তারিত দেখিয়েছি এই ভিডিওতে কিভাবে Generative Fill কাজ করে।
Figma Crash Course Bangla | Figma Tutorial For Beginners | Figma Bangla Tutorial
Figma Crash Course Bangla | Figma Tutorial For Beginners | Figma Bangla Tutorial
Timestamp:
00:00:00 - What you will learn from this video.
00:00:24 - কিভাবে অ্যাকাউন্ট খুলবেন
00:01:48 - Figma Basic
00:08:27 - কোথায় থেকে আইডিয়া নিয়েছি
00:09:22 - Header and Hero section
00:38:15 - Service section
00:51:28 - Testimonial section
01:04:49 - CTA Section and Footer
01:12:05 - Join our facebook group
Figma Big Update 🔥
- Auto Layout এ ভালো রকমের একটা আপডেট এসেছে। শুধুমাএ রেস্পন্সিভ ডিজাইন করতেই নয় অন্য সব ক্ষেত্রেও অনেক কাজে আসবে।
- আর Variable সত্যি ই দারুণ এখন Dark mode এবং Multilangauge ওয়েবসাইট অথবা অ্যাপ ডিজাইন করা অনেক বেশি সহজ হয়ে যাবে।
- আবার Prototype অনেক দারুণ দারুণ Advance Update নিয়ে এসেছে। যা সত্যিই আপনাকে মুগ্ধ করবে।
- আর Dev Mode এর ব্যাপার কি আর বলবো পুরাই মাখন।
এই ভিডিওতে সব কিছুর Overview দেওয়ার চেষ্টা করেছি। বিস্তারিত আরও জানতে কমেন্ট বক্স চেক করতে পারেন।
AI Tool দিয়ে ভিডিও এডিটিং (ফ্রি) এবং আমার অভিজ্ঞতা
আমরা যারা Content creation এ কাজ করি। ভিডিও বানালে একবারে যে Perfect হয়। তা কিন্তু না আমতা আমতা, Silence আরও অনেক সমস্যা তো আছেই।
কালকের ঘটনাই শেয়ার করি। রাত ১১ টা থেকে ভোর ৪:৩০ পজন্ত ভিডিও শুট করার পর বসলাম Editing এ ২ টা ভিডিও শুধু মাএ কাট সাট করলাম ২ ঘণ্টা ধরে। কারন আমার কাট সাট শেষ হলে editor এর কাজ শুরু হবে। কারন যেহেতু আমি ভিডিও শুট করেছি আমি ভালো জানি কোথায় কেন থেমেছিলাম।
রাতে টোটাল ৩ টা পার্ট Record করেছিলাম। দুপুরে Edit করার আগে ভাবলাম কেন না AI Tool খোঁজা যাক। কারন ভিডিও ছিল পুরো ১ ঘণ্টা যার মধ্যে আআ এবং চুপ থাকতেই চলে গেছে ৪০ - ৫৫ মিনিট। সো এই টুক পার্ট যদি আমি আগেই কেটে ফেলতে পারি তাহলে Editing এর সময় ওনেক সময় বেঁচে যাবে।
খুঁজে খুঁজে ২ টা অ্যাপ পেলাম। একটা হচ্ছে auto-editor ডট com এবং আর একটা হচ্ছে getrecut ডট com.
শুরুটা ফ্রি যদি comand লিখে করতে পারেন এবং ওদের অ্যাপ প্রা
অবশেষে চলে এসেছে Google তাদের AI চ্যাটবট BARD। চলুন দেখে নেই এটাকে কিভাবে ব্যাবহার করতে হয়।
শুরুতেই চলে আসুন bard gooogle com এ।
১। যদি আপনার Gmail অ্যাকাউন্ট Browser লগইন থাকে, তাহলে লগইন করতে হবে না।
২। এবারে Try Bard এ ক্লিক করুন।
৩। এরপর scroll করে i agree তে ক্লিক করুন (সময় থাকলে পড়ে নিতে পারেন)
৪। Continue এ ক্লিক করুন।
৫। এবার প্রশ্ন জিজ্ঞাসা করুন।
আপনি যদি মনে করেন সে ভুল উত্তর দিচ্ছে বা মন মত উত্তর হচ্ছে না তাহলে Reset Chat এ ক্লিক করতে পারেন। আরও কিছু অপশন আছে যা নিয়ে ভিডিওতে Overview দিয়েছি। চাইলে দেখে নিতে পারেন।
আর একটা জিনিস আমাকে একটু কমেন্ট এ জানাইয়েন। আপনার কোনটা ভালো লাগে? Chatgpt naki google bard
আমিঃ ভাই কাজের আপডেট কি? কবে শেষ হবে?
Vaai: Abhi thik karke deta hu
আজকে একটা দারুণ জিনিস শেয়ার করবো। যেটা আমার অনেক সময় বাঁচিয়ে দিয়েছে।
Html.to.design নামের এই ফিগ্মা Plugin টি। এবং কেন আমি এটি ব্যাবহার করি?
সময় বাঁচানোর জন্যঃ ধরুন একটা ওয়েবসাইট এর নির্দিষ্ট একটা সেকশন অথবা কয়েকটা সেকশন আপনার পছন্দ হয়েছে, কপি করতে চাচ্ছেন। এই প্লাগিন এর মাধ্যমে খুব সহজেই ওই পুড়োটা পেজ ডুপ্লিকেট / কপি করে ফিগ্মা তে নিয়ে আসতে পারবেন। তারপর নিজের ইচ্ছামত কাস্টমাইজ করতে পারবেন।
নরমাল Screenshot এর সাথে এর তুলনা করলে। এটা দিয়ে Import করা ফাইল Editable and Customize করা যায় Figma তে। কিন্তু নরমাল Screnshot এ সেটা পসিবল নয়।
এটিকে কিভাবে ব্যাবহার করবেন? দুই ভাবে আপনি চাইলেই Import করতে পারবেন। একটি হচ্ছে ফিগ্মা প্লাগিন এর মাধ্যমে এবং আর একটি হচ্ছে Chrome extention এর মাধ্যমে।
Figma Plugin এর মাধ্যমে কিভাবে Import করবেন।
১ - একটা Figma প্রোজেক্ট ওপেন করে Plugin এ ক্লিক করুন।
২ - সার্চ করুন html.to.design এবং রান করুন।
৩ - Import via URL এ লিংক বস
যারা upwork এ Proposal দিলে response পান না তাদের জন্য।
Elementor AI - This is a Game changer.
গত ১ দিন আগে Elementor তাদের তাদের website এ একটা Elementor Ai নিয়ে পোস্ট করে। ভিডিও তে দেখা যাচ্ছে promt/comand লিখলেই সেই অনুযায়ী Content চলে আসতেছে + কোড , translate সব ই করতে পারছে।
এবং ইমেজ generate coming soon.
সত্যি বলতে খুবই দারুন একটা জিনিস। ওয়েবসাইটএ content এর জন্য আর lorem issum or dummy কিছু লিখতে হবে না। 🤗
যারা Emenetor নিয়ে জানেন না একটু বলে নেই। elementor হচ্ছে wordpress এর খুবই জনপ্রিয় ড্রাগ এন্ড ড্রপ পেজ builder। এটা দিয়ে সব কিছুই মোটামুটি ডিজাইন করা যায়।
নতুন Bing AI - সাথে chatgpt কি কেন কিভাবে?
Bing ai দ্রুত এবং আরও শক্তিশালী হয়ে উঠছে openai chat নিজেদের প্লাটফর্ম এ যুক্ত করার মাধ্যমে।
গত কয়েক দিন আগে bing (microsoft search engine) এর সাথে openai chat service তাদের সার্চ ইঞ্জিন এ যুক্ত করেছে। জিনিসটা সত্যিই অসাধারণ। কারণ chatgpt তে অনেক সময় high traffic থাকে। স্লো কাজ করে। এর alternative হিসেবে বেস ভালো bign chat । পাশাপাশি left সাইড এ সার্চ রেজাল্ট শো করলেও right সাইড এ থাকবে AI suggestions।
Chat gpt এবং bing chat এর সবচেয়ে বড় পার্থক্য হচ্ছে bing chat source এর URL সহ দিয়ে দেয়। এতে করে আর এক এক করে খুঁজা লাগে না।
কিন্তু সমস্যা হচ্ছে এখন সবাই চাইলেও এই সেবাটি আমরা সবাই ব্যাবহার করতে পারবেন না। কারণ এখনো সবার জন্য উন্মুক্ত করে দেওয়া হয় নি। এখনো বেটা মোড এ আছে।কিন্তু আপনি চাইলেই waitlist এ জইন হয়ে থাকতে পারেন।
এটার waitlist জইন হওয়ার জন্য আপনাকে ১ টা জিনিস অবশ্যই করতে হবে। আপনি যদি windows user হয়ে থাকেন তাহলে microsoft edge কে default browser এবং bing ai কে default
Figma to Zeplin Bangla | Developer handoff basic course | Md Azizul
Figma to Zeplin Bangla | Developer handoff basic course | Md Azizul
timestamp:
00:00 - Start
00:07 - Intro
00:39 - Why zeplin
03:51 - Getting started
05:15 - Importing design
12:22 - Creating design system
15:19 - Share with the developer
17:18 - Creating flows
প্রজেক্ট বেইসড এই কোর্সটি করার মাধ্যমে আপনি লোকালি কিংবা Fiverr, Upwork মার্কেটপ্লেসগুলোতে একজন প্রফেশনাল Ui/Ux ডিজাইনার হিসাবে হাই বাজেটের কাজগুলো সহজেই করতে পারবেন। মার্কেটে চাহিদা বেশি কিন্তু কম্পিটিশন এই সেক্টরে অনেক কম, তাই একজন Ui/Ux Designer হওয়া হতে পারে আপনার ক্যারিয়ারের জন্য একটি বেস্ট ডিসিশন।
কোর্সের লিঙ্ক এবং কোর্স সম্পর্কে আরও বিস্তারিত জানতে
ছোট্ট একটা ভুল Carousel Prototype In Figma
ছোট্ট একটা ভুল Carousel Prototype In Figma
Figma Components Bangla | Figma Components Basic Md Azizul
Figma Components Bangla | Figma Components Basic Md Azizul
কিভাবে ফ্রি তে গ্রাফিক্স ইলাস্ট্রেশন পাবেন
আমরা সকলেই জানি যখন আমরা আমাদের ডিজাইনে গ্রাফিক্স ইলাস্ট্রেশন ব্যাবহার করি। ডিজাইনটার লুক + কথা বলা সব কিছুই জেনো অন্য মাত্রা পেয়ে যায়। দেখতেও অনেক বেশি সুন্দর লাগে।আজকে আমরা এমনি একটি ওয়েবসাইট নিয়ে কথা বলবো এবং শিখাবো কিভাবে এটিকে সঠিকভাবে ব্যাবহার করতে হয়।
স্টোরি সেট কেন ?
ওয়েল স্টোরি সেট ই কারন এটি ফ্রি। এটি থেকে গ্রাফিক্স ইলাস্ট্রেশন ডাউনলোড করতে কোন রকম টাকা লাগে না। এবং এখানে অনেক ধরনের স্টাইল আছে যেমন ঃ Rafiki,Bro,Amico,Pana, আরও অনেক । এই স্টাইল গুলো ডিজাইন একই রাখতে অনেক বেশি সাহায্য করে।
কিভাবে কাস্টমাইজ করবো ?
স্টোরি সেট ব্যাবহার করা অনেক সহজ। বলে দিচ্ছি কিভাবে করতে হয়ঃ
১। প্রথম এ গ্রাফিক্স ইলাস্ট্রেশন চুস করেন তারপরে ক্লিক করেন। (আপনি চাইলে সার্চ করেও খুঁজে নিতে পারেন)
২। তারপরে নিচের দিকে থেকে স্টাইল চু
সব সময় চেষ্টা করিয়েন Auto Layout + Componets ব্যাবহার করার জন্য ।
সব সময় চেষ্টা করিয়েন Auto Layout + Componets ব্যাবহার করার জন্য ।
Let's Design a carousel or slider in Figma Bangla - Md Azizul
Let's Design a carousel or slider in Figma Bangla - Md Azizul
timestamp:
00:00:00 - Talk about the carousel or slider in Figma
00:01:43 - Join Our Facebook Group
00:02:15 - How to get the project?
00:02:48 - Frist carousel/Slider in Figma
00:05:49 - Second carousel/Slider in Figma
00:07:41 - Third carousel/Slider in Figma
00:18:05 - Do Subscribe :)
Facebook group: https://www.facebook.com/groups/uxuifreesupport/
Research by - Ahasanul kabir (Rosy)
Behance : Mekabirr