Designer-দের জন্য
Claude Design দিয়ে শুরু করুন
Claude Design হলো Anthropic-এর text-to-prototype tool। একটা screen describe করুন, ফেরত পাবেন চালু interactive prototype। এটাকে কীভাবে ঠিকমতো prompt করবেন, এই guide-এ তা দেখানো হয়েছে।
আপনি Claude Design ব্যবহার করে দেখেছেন। প্রতিটা prototype দেখতে হয়েছে একই রকম generic SaaS dashboard: নীল header আর card-এর grid। আপনি জানেন tool-টা এর চেয়ে ভালো পারে, কিন্তু আপনার prompt কাজ করছে না।
আপনি শিখবেন কোন prompt pattern থেকে specific, context বুঝে বানানো output আসে, আর যা আগে থেকে কাজ করছিল সেটা না হারিয়ে কীভাবে একবারে একটা জিনিস নিয়ে iterate করবেন।
কোথায় follow করবেন:
যা লাগবে: একটা Claude account। যেকোনো browser-এ claude.ai খুলুন।
শেষে যা পাবেন
যে prompt structure থেকে generic template-এর বদলে specific, context বুঝে বানানো prototype আসে
পুরোটা নতুন করে লেখা না করিয়ে কীভাবে একবারে একটা change নিয়ে iterate করবেন
একটা live prototype URL আর একটা লেখা component spec, যা developer-কে দেওয়ার জন্য ready
এমন brief লিখুন যা শুধু চেহারা নয়, context বলে
Claude Design নিয়ে সবচেয়ে common ভুল হলো screen দেখতে কেমন হবে সেটা বলা, কী কাজ করবে সেটা নয়। "clean, modern, minimal" লেখা prompt থেকে আর দশটা SaaS dashboard-এর মতোই জিনিস আসে। যে prompt-এ audience, flow আর constraint বলা থাকে, সেটা থেকে কাজের কিছু আসে।
আপনি যা দেখবেন
একবারে একটা জিনিস নিয়ে iterate করুন
Claude Design চালু code বানায়, তাই আপনি সেটার ওপর iterate করতে পারেন। একবারে একটা change চান: layout adjust করুন, color বদলান, একটা state যোগ করুন। একসঙ্গে পাঁচটা change চাইলে পুরোটা নতুন করে লেখা হয়, আর যা কাজ করছিল সেখান থেকে সরে যায়।
আপনি যা দেখবেন
Prototype export করুন আর handoff দিন
Prototype যখন আপনার দরকার মতো কাজ করে, তখন generate হওয়া code export করুন বা সরাসরি copy করে নিন। আরও development-এর জন্য এটা একটা Claude Code session-এ paste করতে পারেন, stakeholder review-এর জন্য live URL share করতে পারেন, অথবা development team-এর জন্য code-টা একটা লেখা component specification (reference spec) হিসেবে ব্যবহার করতে পারেন।
আপনি যা দেখবেন
যে ভুলগুলো প্রায়ই হয়
Claude Design ব্যবহারের সময় এই চারটা ভুল সবচেয়ে বেশি হয়।
- কী কাজে লাগবে না বলে চেহারা describe করা। "Clean, modern, নীল header" দিলে Claude দেখতে কেমন হবে তার একটা direction পায়, কিন্তু কোনো functional constraint পায় না। বলুন কে এটা ব্যবহার করে, সে কী করতে চাইছে, আর তার কী কী constraint আছে। দেখতে কেমন হবে, সেটা এখান থেকেই আসে।
- একসঙ্গে অনেক change চাওয়া। একবারে পাঁচটা change চাইলে পুরোটা নতুন করে লেখা হয়। আপনার চাওয়া প্রতিটা change prototype-এর আলাদা আলাদা অংশে হাত দেয়। একবারে একটা করলে প্রতিটা iteration review করা যায়, দরকার হলে ফিরিয়েও নেওয়া যায়।
- Prototype-কে final ভাবা। Claude Design-এর prototype দ্রুত বানানো যায়, দ্রুত ফেলেও দেওয়া যায়। এগুলো idea test করার জন্য, product ship করার জন্য নয়। Code developer-এর কাছে যাওয়ার আগে একটা cleanup pass লাগবে: ঠিকঠাক type, আসল API call, accessibility attribute।
- Spec export না করা। Demo-র জন্য live prototype URL চলে, কিন্তু handoff document হিসেবে চলে না। লেখা component specification (reference spec) থেকেই developer prototype না খুলে বানাতে পারেন। Session বন্ধ করার আগে এটা generate করে নিন।
New guides, when they ship
One email, roughly weekly. CLAUDE.md templates, workflows I actually use, and the cut-for-length stuff that does not make the public guides. One-click unsubscribe.
Or read Product Field Notes, the Substack