ভূমিকা — লিখতে না পারা Designer-এর গল্প
Marco একজন talented visual designer। তার Figma skills দেখে clients মুগ্ধ হন, কিন্তু প্রতিটা project-এ একটা জায়গায় তিনি আটকে যেতেন — লেখালেখি।
Client presentation-এর জন্য design rationale লিখতে হবে? দুই ঘণ্টা। Design system documentation? তিন দিন। Moodboard-এর জন্য Midjourney prompt লিখতে গেলে "a beautiful design" টাইপ করে হতাশ হতেন।
তারপর সে Claude ব্যবহার শুরু করলো। Project brief দিলো, Claude design rationale লিখলো। Midjourney-তে ব্যবহার করার জন্য ১০টা specific prompt চাইলো, পেলো — সাথে explanation কেন প্রতিটা element রাখা হয়েছে।
Marco এখন বলেন, "Claude আমার writing partner। আমি design করি, সে লেখে।"
এই গাইড দুটো ভাগে ভাগ করা হয়েছে: Part A-তে Claude দিয়ে image AI prompts লেখা, Part B-তে UI/UX writing এবং design documentation।
Claude দিয়ে Image AI Prompts লেখা
Claude কেন Image AI Prompts-এ দারুণ?
Midjourney, DALL-E 3, Stable Diffusion, Adobe Firefly — এই সব image AI-এর output সম্পূর্ণ নির্ভর করে prompt-এর উপর। ভালো prompt মানে ভালো image। কিন্তু ভালো prompt লেখা একটা skill — যেটা অনেক designer-এর নেই।
Claude এখানে অসাধারণভাবে সাহায্য করে কারণ:
- Claude visual language বোঝে — photography, illustration, design style-এর terminology জানে।
- আপনি বাংলায় বা সহজ ইংরেজিতে বললেও সে technical prompt ভাষায় translate করতে পারে।
- Prompt iterate করতে পারে — "আরও dark করো", "cinematic করো", "flat illustration style-এ নিয়ে যাও" — Claude সেটা বোঝে।
- Multiple variations দেয় — একটা concept-এ ৫টা আলাদা visual direction প্রস্তাব করতে পারে।
Image AI Prompt-এর গঠন — Anatomy
একটা ভালো image AI prompt-এ সাধারণত এই উপাদানগুলো থাকে। Claude এই সব মিলিয়ে লেখে।
Image Prompt-এর ৭টি উপাদান
১০টি Ready Midjourney Prompt — Claude-এর লেখা
নিচের প্রতিটা prompt Claude-কে দিয়ে তৈরি করা। আপনি সরাসরি Midjourney-তে ব্যবহার করতে পারবেন, অথবা Claude-কে দিয়ে আপনার project অনুযায়ী customize করাতে পারবেন।
১. Logo Design Concept
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Minimalist logo mark for a tech startup, abstract geometric letterform, single color on white background, clean lines, scalable vector style, professional and modern, Swiss design influence, negative space cleverly used --ar 1:1 --v 6.1 --stylize 500২. Product Photography Style
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Premium skincare product bottle on white marble surface, soft overhead studio lighting, subtle shadows, clean background, photorealistic render, commercial photography style, minimal props, luxury brand aesthetic, shallow depth of field --ar 4:5 --v 6.1 --q 2৩. Website Hero Illustration
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Flat vector illustration of a person working on a laptop with abstract data visualization floating around, modern isometric style, teal and orange color palette, clean lines, suitable for SaaS website hero section, optimistic and productive mood --ar 16:9 --v 6.1 --stylize 300৪. Social Media Background
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Abstract geometric background pattern, gradient purple to deep blue, subtle grid lines, futuristic tech aesthetic, suitable for Instagram post background, no text, clean minimal design, space for overlay text --ar 1:1 --v 6.1 --stylize 400৫. Character Design
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Friendly cartoon mascot character for a finance app, simple rounded shapes, warm color palette, expressive face, holding a smartphone, flat 2D illustration style, approachable and trustworthy personality, white background, suitable for app branding --ar 1:1 --v 6.1 --stylize 200৬. UI Mockup Wireframe Style
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Mobile app UI wireframe mockup, low-fidelity sketch style, grayscale, clean layout showing dashboard with cards and charts, hand-drawn aesthetic, professional design documentation style, white background with gray placeholder elements --ar 9:16 --v 6.1 --stylize 100৭. Brand Mood Board
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Minimalist wellness brand mood board collage, soft sage green and warm cream tones, natural textures like linen and stone, botanical elements, clean typography samples, negative space, serene and aspirational mood, flat lay photography style --ar 4:3 --v 6.1 --stylize 600৮. App Icon Concept
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
iOS app icon design, rounded square shape, gradient background from coral to orange, simple bold white icon symbol representing productivity, glassmorphism effect, clean modern style, suitable for App Store display, professional finish --ar 1:1 --v 6.1 --q 2 --stylize 500৯. Infographic Style
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Data visualization infographic style illustration, isometric 3D chart elements, blue and green color scheme, modern flat design, showing growth statistics with arrows and percentage indicators, business report aesthetic, clean professional layout --ar 16:9 --v 6.1 --stylize 300১০. Portrait Photography Style
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
Professional headshot photography style, person in business casual attire, soft window lighting, neutral light gray background, confident and approachable expression, shallow depth of field, modern corporate portrait, suitable for LinkedIn profile or about page --ar 4:5 --v 6.1 --q 2Iteration — Claude দিয়ে Prompt Refine করুন
Claude-এর সবচেয়ে বড় সুবিধা হলো conversation। একবার prompt পেলেন, পছন্দ না হলে বলুন কী বদলাতে চান।
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
আগের prompt টা দিয়ে ভালো result আসছে না। নিচের পরিবর্তনগুলো করো: "আরও minimalist করো — elements কমাও" "Warm sunset color palette যোগ করো" "এটাকে editorial magazine style-এ নিয়ে যাও" "Background transparent করার জন্য adjust করো" "এই prompt টা DALL-E 3-এর জন্য optimize করো" "Stable Diffusion-এর জন্য negative prompt যোগ করো" "আরও cinematic, dramatic করো" "ছোট করো — Twitter card size-এর জন্য"Pro Tip: Claude-কে বলুন "এই visual style-এর ৫টা variation prompt দাও — প্রতিটা আলাদা direction।" তারপর Midjourney-তে সব test করে দেখুন কোনটা সবচেয়ে ভালো লাগছে। এই approach-এ client-কে দেখানোর জন্য অনেক options পাবেন দ্রুত।
Claude দিয়ে UI/UX Writing ও Design Documentation
UI Copy — Buttons, Errors, Onboarding, Tooltips
UI copy হলো app বা website-এর সব লেখা — button text, error messages, empty states, onboarding screens, tooltips। এগুলো ছোট কিন্তু user experience-এ বিশাল প্রভাব ফেলে।
অনেক designer-এর "Submit" বা "Click here" লেখার বাইরে চিন্তা করতে কষ্ট হয়। Claude এখানে চমৎকার সাহায্য করে।
UI Copy-র ভালো-খারাপ তুলনা
| Context | Generic Copy (খারাপ) | Claude-Generated Copy (ভালো) |
|---|---|---|
| Primary Button | Submit | Start my free trial |
| Error Message | Error occurred. Try again. | Something went wrong on our end. Your work is saved — refresh the page to continue. |
| Empty State | No items found. | Your inbox is clear. Enjoy the quiet — new messages will show up here. |
| Password Requirement | Password must be 8+ characters | Create a strong password (8+ characters). We'll never ask for it by email. |
| Delete Confirmation | Are you sure? | Delete "Project Alpha"? This can't be undone. |
Screen Description থেকে Full Microcopy
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
আমি একটা task management app design করছি। এই screen-এর জন্য সব UI copy লিখে দাও: Screen: User তার প্রথম project তৈরি করছে (onboarding step 3 of 5) App personality: Friendly, encouraging, not corporate User: First-time user, might be nervous about tech দরকার: - Screen title - Subtitle/description - Input placeholder (project name field) - Helper text নিচে - Primary CTA button - Secondary "skip for now" option - Progress indicator text✦ Claude-এর উত্তর (সংক্ষেপ) Screen Title: "Name your first project" Subtitle: "Projects help you organize related tasks. Don't overthink it — you can rename it anytime." Placeholder: "e.g. Website redesign, Q3 goals, Weekend project..." Helper text: "Something simple works great." Primary CTA: "Create project →" Secondary: "I'll do this later" Progress: "Step 3 of 5 — Almost there!"
Design Brief লেখা
Client থেকে requirement নিয়েছেন, এখন একটা proper design brief তৈরি করতে হবে। Claude এটা দ্রুত এবং professionally করে দেয়।
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
একটা professional design brief লেখো। Project: Mobile app redesign for a fitness tracking app Client: Mid-size fitness startup, 50K active users Current problem: Users এর 60% onboarding-এ drop off করে, app টা confusing মনে হয় Target users: 25-40 বয়সী, busy professionals, gym যায় সপ্তাহে ৩-৫ বার Deliverables চাই: New user flow, redesigned key screens (home, workout log, progress) Timeline: 6 weeks Constraints: Brand colors রাখতে হবে, iOS-এ আগে launch Brief-এ থাকুক: Problem statement, goals, target audience, scope, deliverables, timeline, success metrics।Design System Documentation
Design system-এর সবচেয়ে boring কাজ হলো documentation। প্রতিটা component-এর description, usage guidelines, do's and don'ts, accessibility notes। Claude এটা অসাধারণভাবে করে দেয়।
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
আমার design system-এর জন্য "Primary Button" component-এর documentation লেখো। Component details: - Used for main CTAs - Has 3 sizes: small, medium, large - States: default, hover, active, disabled, loading - Brand color: #2563EB (blue) - Should meet WCAG AA accessibility Documentation-এ রাখো: - Component description (কী, কেন, কখন ব্যবহার করবে) - Usage guidelines - Do's and Don'ts (৩টা করে উদাহরণ সহ) - Accessibility notes - Figma variant naming convention✦ Claude-এর উত্তর (সংক্ষেপ) Primary Button Description: The primary button is the highest-priority interactive element on a page. Use it for the single most important action a user should take. Never use more than one primary button per page section. Usage Guidelines: - Place in the top-right of forms, or at the end of a user flow - Label should begin with a verb: "Save changes", "Continue", "Get started" - Reserve for user-initiated actions only... Do: ✓ Use one primary button per view ✓ Write action-oriented labels ✓ Ensure 4.5:1 contrast ratio... Don't: ✗ Use for destructive actions (use Danger button instead) ✗ Stack two primary buttons... Accessibility: - Minimum touch target: 44x44px - Focus ring: 3px solid #2563EB with 2px offset - Loading state must include aria-label="Loading"...
User Persona তৈরি করুন Claude দিয়ে
User research data আছে কিন্তু structured persona card তৈরি করতে সময় নেই? Claude-কে raw information দিন, সুন্দর persona পাবেন।
👇 নিচের প্রম্পটটি কপি করুন — [ ] চিহ্নিত অংশগুলো নিজের তথ্য দিয়ে বদলান।
এই information দিয়ে একটা structured user persona card তৈরি করো: আমরা একটা online learning platform বানাচ্ছি। Research থেকে পাওয়া data: - মূল users: 22-35 বয়সী, career change করতে চান বা skill upgrade করতে চান - ব্যবহারের সময়: রাতে ঘরে ফিরে, সপ্তাহান্তে - Pain points: Free YouTube videos অগোছালো, কোথা থেকে শুরু করবো বুঝি না, motivation রাখা কঠিন - Goals: নতুন job পেতে চান বা freelance শুরু করতে চান - Device: মোবাইলে বেশি, কখনো laptop Persona-তে রাখো: Name, age, job, quote, goals (3), frustrations (3), how they use our platform, key insight।✦ Claude-এর উত্তর (সংক্ষেপ) USER PERSONA: Alex Chen Age: 28 | Job: Customer support specialist | Location: Urban area Device: Mobile-first, occasional laptop "I know I need to learn new skills, but every time I search online I get overwhelmed by where to start." Goals: 1. Land a junior UX design role within 6 months 2. Build a portfolio that proves skills without a degree 3. Learn without sacrificing sleep or weekends entirely Frustrations: 1. Free content is scattered — no clear learning path 2. Starts courses but loses momentum after week 2 3. Unsure which skills employers actually value How they use the platform: - 30-45 min sessions, usually 9-10pm on weekdays - Prefers video + short exercises, not long readings - Needs progress tracking to stay motivated Key Insight: Alex doesn't need more content — they need structure, guidance, and visible progress.
Figma-তে ব্যবহার: Claude-এর generate করা persona text সরাসরি Figma-র persona template-এ paste করুন। Handoff notes, component descriptions, এবং design rationale-ও Claude দিয়ে লিখে Figma-র annotation-এ যোগ করুন — developer এবং stakeholder উভয়ই বুঝতে পারবেন।