Claude for UI/UX Designers

Live Class 1: Welcome & Why Claude for Designers
Topic: Course orientation, learning outcomes & 4-week roadmap ; Why Claude (vs ChatGPT/Gemini) for design workflows: longer context, Artifacts, Skills, Computer Use, MCP ; The 3 productivity pillars: Daily Automation → UI Production → UX Research ; Account setup: Free vs Pro vs Max — what a junior designer in BD actually needs ; Tour of claude.ai: Chat, Projects, Artifacts, Settings, Memory, Past chats ; Setting up a 'Daily Designer' Project with custom instructions for your role ; Q&A and expectations

Assignment: Set up your Claude account, enable web search, create your first 'Daily Designer' Project with a custom system prompt describing your role, company type (agency/startup), and tools you use.

Live Class 2: Prompting Like a Designer (Not Like a Chatbot User)
Topic: Anatomy of a great prompt: Role + Context + Task + Constraints + Output format ; The 5 prompt patterns every designer needs: Generate, Critique, Transform, Extract, Decide ; Multi-turn vs one-shot — when to keep going vs start fresh ; Using examples (few-shot) to lock in tone and format — case study with a Pathao-style ride app ; Prompt library: 10 reusable prompts you'll use weekly (handover doc, design rationale, stakeholder summary, etc.) ; Common mistakes: vague asks, missing context, no output format, no constraints

Assignment: Take 3 real tasks from your last week of work and write production-quality prompts for each. Save them in a personal Notion/Google Doc prompt library.

Live Class 1: Email, Slack & Client Communication on Autopilot
Topic: Drafting professional client replies — handling scope creep, missed deadlines, feedback rounds ; Bangla → English translation with tone control (formal/casual/diplomatic) for international clients ; Slack/Discord standup messages from rough notes ; Daily/weekly status update templates — junior designer voice that doesn't sound AI-generated ; Setting up Claude in Chrome for inline drafting on Gmail, Notion, Linear, ClickUp ; Responding to design feedback emails: defending a decision, accepting a change, asking for clarification

Assignment: Use Claude in Chrome to draft 5 real work emails this week. Submit before/after screenshots showing time saved.

Live Class 2: Meeting Notes, Handovers & Documentation
Topic: Turning messy meeting recordings/transcripts into structured notes (decisions, action items, blockers) ; Designer handover docs: from Figma file + voice memo → engineer-ready spec ; Writing release notes, changelog entries & design decision logs ; Auto-generating weekly retrospective summaries from your design work ; Cowork desktop tool intro — automating file organization and naming for design assets ; Building a 'meeting-to-handover' workflow you'll use in every sprint

Assignment: Record (or use a transcript from) a real client/team meeting. Run it through Claude to produce: (1) executive summary, (2) action items with owners, (3) design implications, (4) follow-up email draft.

Live Class 1: Claude in Excel & Google Sheets for Designers
Topic: Why designers need spreadsheet skills (design audits, content inventories, competitor matrices, asset trackers) ; Claude in Excel: cleaning messy client-provided content sheets, generating formulas without learning formulas ; Building a UX competitor analysis matrix in 10 minutes (Daraz vs Chaldal vs Foodpanda example) ; Content inventory & UX copy tracking — turning Claude into your content QA partner ; Time tracking & invoice prep automation for freelance designers ; When to use Excel vs when to use Cowork for file-heavy automation

Assignment: Build a competitor analysis spreadsheet for a Bangladeshi product (bKash, Daraz, Foodi, Chaldal — your pick) with at least 3 competitors and 15 evaluation criteria. Use Claude to fill it in.

Live Class 2: Custom Skills — Teaching Claude Your Workflow Once
Topic: What are Skills and why they're a game-changer for repeat tasks ; Anatomy of a Skill: SKILL.md, supporting files, when Claude triggers it ; Walkthrough: building a 'Design Handover Generator' Skill from scratch ; Walkthrough: building a 'Client Status Update' Skill with your agency's tone of voice ; Walkthrough: building a 'UX Copy Reviewer' Skill that checks against your brand guidelines ; Sharing Skills with your team — version control, updates & team consistency ; Skill design principles: narrow scope, clear triggers, reliable outputs

Assignment: Build and submit 2 custom Skills relevant to your daily work. Document the trigger, the inputs it expects, and the output format. Test on 3 real tasks each.

Live Class 1: Figma MCP Deep Dive — Beyond the Basics
Topic: Quick refresher: Figma MCP setup for those who skipped/forgot from Batch 59 ; Reading existing Figma files with Claude — auditing components, finding inconsistencies, checking accessibility ; Generating screens from prompts: dashboards, onboarding flows, e-commerce checkouts, fintech KYC screens ; Iterating on screens: 'make it more like bKash', 'tighten spacing', 'apply our design system' ; Bulk operations: rename layers, fix auto-layout, generate variants, populate realistic Bangla + English content ; Connecting your design system tokens to Claude so it generates on-brand work ; Limitations and when NOT to use MCP (and use plain Claude or Figma AI instead)

Assignment: Pick a real screen from your work or portfolio. Use Claude + Figma MCP to: (1) audit it for issues, (2) generate 3 alternative versions, (3) produce a written rationale for the best version.

Live Class 2: Claude Code for Designers — Yes, Really
Topic: Why a designer should care about Claude Code (prototypes, asset pipelines, design ops) ; Installing Claude Code on Mac/Windows — non-developer friendly walkthrough ; Use case 1: Building an interactive HTML prototype from a Figma export — clickable, shareable, no Framer/Webflow needed ; Use case 2: Batch-renaming and organizing 200+ design assets for a client handover ; Use case 3: Generating placeholder data (Bangla names, BD addresses, mobile numbers) for realistic mockups ; Use case 4: Converting design specs into a developer-ready README ; When to call a developer and when to just ship it yourself

Assignment: Use Claude Code to build a clickable HTML prototype of a 3-screen flow from your portfolio. Host it (Vercel/Netlify free tier) and share the link.