Anthropic vừa ra mắt Claude Design, và cẩm nang này chính là playbook thực hành đưa bạn từ “tôi có nghe nói về nó” đến “đây là thứ tôi đã build được hôm nay”. Tài liệu tập hợp 7 workflow dùng-được-ngay — mỗi workflow đi kèm hướng dẫn từng bước, prompt copy-paste, và các export path rõ ràng.

Giới thiệu

Claude Design là gì

Claude Design là một AI tool từ Anthropic Labs, biến các prompt bằng ngôn ngữ tự nhiên thành sản phẩm visual hoàn chỉnh — prototype, slide deck, wireframe, one-pager, marketing asset và nhiều hơn nữa. Nó được vận hành bởi Claude Opus 4.7, vision model mạnh nhất của Anthropic, và hiện có ở dạng research preview cho người dùng gói Claude Pro, Max, Team và Enterprise.

Ý tưởng cốt lõi: bạn mô tả thứ mình muốn, Claude build ra, rồi bạn tinh chỉnh qua conversation và direct editing. Cách tiếp cận là prompt-first, không phải canvas-first — nên bạn không cần kỹ năng thiết kế vẫn tạo được visual chất lượng chuyên nghiệp.

Url: https://claude.ai/design/

Các loại templates:

• Mobile app design
• Slides
• Document
• Wireframe
• Animation
• UI mockups
• Resume
• 3D Object
• Research
• HTML email
• Color + type pairing
• Diagram
• Flier

Claude Design hoạt động như thế nào

Giao diện gồm hai khu vực chính: một chat panel bên trái nơi bạn gõ (hoặc đọc bằng voice) các prompt, và một canvas bên phải nơi Claude generate thiết kế theo thời gian thực. Vì output ở dạng code-based, bạn có thể click vào từng element để chỉnh tay font size, màu sắc, text và layout — hoặc thậm chí vẽ trực tiếp lên thiết kế. Bạn cũng có thể dùng “tweaks” bằng cách gửi các follow-up prompt trong chat (ví dụ: “switch from dark theme to light theme”).

Để có kết quả on-brand ngay từ đầu, bạn có thể đính kèm file, PDF, hình ảnh và screenshot làm context — Claude sẽ học color palette và preference về layout của thương hiệu từ những gì bạn cung cấp. Với thiết lập lâu dài hơn, hãy dùng tính năng “Setup Design System” để nhập tên công ty, upload color palette tùy chỉnh, thêm logo và font, tích hợp với Figma, hoặc liên kết một GitHub repository để Claude mô phỏng đúng styling và các reusable component của bạn.

Collaboration hoạt động giống Google Docs — mời thành viên team cùng build thiết kế và để lại comment cho nhau theo thời gian thực. Khi hoàn tất, export ra PDF, PPTX, Canva, standalone HTML, hoặc handoff trực tiếp sang Claude Code để triển khai production.

Sơ đồ: luồng Input → Claude Design (Chat + Canvas) → Export path

Cần biết trước khi bắt đầu

• Xác nhận subscription. Bạn cần gói Claude Pro, Max, Team hoặc Enterprise để truy cập Claude Design.
• Chọn đúng model. Trong settings, đảm bảo bạn đang dùng model cấp cao nhất khả dụng (Opus 4.7) để có kết quả tốt nhất.
• Generation không tức thì. Thiết kế đơn giản render nhanh, nhưng output đầy đủ (như một pitch deck 15 slide) có thể mất khoảng 10 phút. Hãy tính toán thời gian phù hợp.
• Có usage limit. Claude Design chạy trên Opus 4.7 và tính vào giới hạn của gói Claude. Các phiên generate nặng có thể chạm quota — hãy điều tiết mức sử dụng.
• Hiểu rõ nó mạnh ở đâu. Claude Design xuất sắc ở prototype, deck, wireframe, one-pager, landing page và marketing asset.
• Thiết lập design system trước. Nếu muốn output on-brand ngay từ ngày đầu, hãy cấu hình brand system trong quá trình onboarding trước khi lao vào các workflow. (Xem hướng dẫn “Set up your design system in Claude Design” của Anthropic.)

Cách sử dụng cẩm nang này

Claude Design rất mạnh — nhưng phần lớn mọi người mở nó lên, nhìn chằm chằm vào ô prompt, và không biết phải hỏi gì. Playbook này giải quyết đúng vấn đề đó.

Bên trong, bạn sẽ tìm thấy 7 workflow dùng-được-ngay mà bạn có thể copy, tùy biến và ship ngay trong tuần này. Mỗi workflow theo cùng một cấu trúc 6 bước: Prep → Prompt → Review → Refine → Review → Export.

Hãy chọn workflow khớp với nhu cầu cấp thiết nhất của bạn, thay các chi tiết của bạn vào, và bắt đầu.

Framework 6 bước

Mọi workflow trong playbook này đều theo cùng một cấu trúc lặp lại. Học sáu bước này một lần, và bạn có thể áp dụng chúng cho bất kỳ dự án Claude Design nào.

Framework 6 bước, áp dụng lặp lại cho mọi workflow

Step 1 — Prep Your Input (Chuẩn bị đầu vào)

Thu thập nguyên liệu thô — notes, docs, screenshot, brand asset. Càng nhiều context bạn cung cấp, output đầu tiên càng tốt. Upload file (DOCX, PPTX, XLSX, hình ảnh), liên kết codebase, hoặc dùng web capture tool để lấy các element từ website đang chạy.

Step 2 — Start Simple, Structure First (Bắt đầu đơn giản, cấu trúc trước)

Viết một prompt ở tầm designer, bao gồm goal, audience, constraint và format. Đừng cố build mọi thứ trong một lần — hãy bắt đầu với cấu trúc lõi và để Claude đặt các câu hỏi làm rõ trước khi nó generate. Vòng trao đổi qua lại này tạo ra bản draft đầu tiên mạnh hơn nhiều.

Step 3 — Review First Draft (Rà soát bản nháp đầu)

Quét nhanh thứ Claude generate trên canvas. Kiểm tra xem structure, content và flow có khớp với ý định của bạn không. Nếu chưa chắc về một hướng đi, hãy yêu cầu Claude cho bạn xem 2–3 layout thay thế trước khi quyết định chỉnh sửa.

Step 4 — Refine (Global → Local → Global)

Bắt đầu với định hướng tổng thể qua chat (“make this more minimal”), sau đó thực hiện các thay đổi có mục tiêu qua inline comment trên từng element cụ thể (“increase padding on this button”). Khi đã tinh chỉnh xong một element ưng ý, hãy yêu cầu Claude áp dụng thay đổi đã duyệt sang các element tương tự trên toàn bộ thiết kế.

Lưu ý: Inline comment đôi khi biến mất trước khi Claude đọc được — đây là một known issue. Nếu comment của bạn không được ghi nhận, hãy paste feedback thẳng vào chat.

Step 5 — Ask Claude to Review (Yêu cầu Claude tự rà soát)

Trước khi export, hãy để Claude audit chính công việc của nó. Yêu cầu nó review về readability, information hierarchy, contrast ratio và tính usability nói chung. Điều này bắt được các lỗi bạn có thể bỏ sót — đặc biệt là các phần nhiều text, các element tương phản thấp, hoặc chỗ mà mạch narrative bị đứt gãy.

Step 6 — Export and Ship (Xuất bản và bàn giao)

Chọn đúng export path cho tình huống của bạn: PPTX cho thuyết trình, PDF cho tài liệu, Canva cho khâu hoàn thiện thiết kế, standalone HTML cho web demo, internal URL cho team review, hoặc handoff sang Claude Code để triển khai production.

7 Use Case cho Claude Design

Workflow #1: Biến sales discovery notes thành pitch deck may đo riêng

Dành cho: Founder, Account Executive, Sales Leader

Vấn đề: Bạn vừa kết thúc một discovery call với prospect. Bạn có một mớ notes lộn xộn về pain point, budget, timeline và decision-maker của họ. Giờ bạn cần một pitch deck hoàn chỉnh, on-brand, may đo riêng cho tình huống cụ thể của họ trước cuộc họp follow-up. Thông thường đó là cả một ngày dựng slide (hoặc phải cầu cứu design team). Với Claude Design, chỉ mất 15 phút.

Export path: PPTX, Canva, hoặc internal URL để team review

Thời gian tiết kiệm: 4–8 giờ → ~15 phút

Step 1: Prep your input

• Call notes (text paste, DOCX upload, hoặc transcript của voice memo)
• Design system của công ty bạn (đã thiết lập khi onboarding Claude Design — nếu chưa cấu hình, xem hướng dẫn setup của Anthropic trước)
• Bất kỳ deck template nào bạn từng dùng (upload PPTX)
• Screenshot deck của đối thủ hoặc nguồn cảm hứng visual bạn muốn tham chiếu

Lưu ý: Càng nhiều context cung cấp từ đầu, output đầu tiên càng tốt. Claude cũng có thể lấy styling pattern từ codebase đã liên kết nếu team bạn đã kết nối.

Step 2: Start Simple — Structure First

Đừng cố build một deck hoàn hảo 12 slide trong một prompt. Bắt đầu với cấu trúc lõi và để Claude đặt câu hỏi làm rõ trước khi generate.

Create a 12-slide pitch deck for [PROSPECT COMPANY]. They’re a mid-market SaaS company struggling with [PAIN POINT FROM CALL]. Their buying committee includes [ROLES]. Use our brand system. Structure: company overview (1 slide), their problem (2 slides), our solution mapped to their specific challenges (3 slides), case study from a similar company (2 slides), pricing options (1 slide), implementation timeline (1 slide), next steps (1 slide), Q&A (1 slide). Tone: confident but consultative.

Claude có thể quay lại với các câu hỏi follow-up — như dùng case study nào, slide pricing chi tiết đến đâu, hay deck để present trực tiếp hay gửi async. Trả lời chúng trước khi nó generate. Vòng trao đổi này cho bạn bản draft đầu tiên mạnh hơn nhiều.

Step 3: Review First Draft

Claude generate ra deck đầy đủ với layout, content và màu brand/typography được áp dụng tự động trên canvas. Quét kiểm tra:

• Cách framing vấn đề có khớp với điều prospect thực sự nói không?
• Các slide solution đã đủ cụ thể cho use case của họ chưa?
• Flow có tự nhiên không — problem → solution → proof → action?

Pro Tip: Chưa chắc về hướng đi? Trước khi lao vào chỉnh sửa, hãy hỏi Claude: “Show me 2–3 different layout approaches for the problem and solution slides.” So sánh các phương án nhanh hơn là đoán mò.

Step 4: Refine (Global → Local → Global)

• Global (dùng chat): “Make the overall tone less formal—this prospect is a startup, keep it conversational. Reduce text density on every slide by 30%.”
• Local (inline comment hoặc chat): Click thẳng vào element cụ thể — “Make this button padding larger” hoặc “Change this CTA copy to reference their exact pain point about manual reporting.”
• Áp dụng toàn deck (dùng chat): Khi đã tinh chỉnh xong một element ưng ý, yêu cầu Claude nhân rộng: “Apply the updated CTA button style and copy tone from slide 11 to all slides with action buttons.”

Lưu ý: Inline comment đôi khi biến mất trước khi Claude đọc (known issue). Nếu không được ghi nhận, paste feedback thẳng vào chat.

Step 5: Ask Claude to Review

Review this deck for readability, visual hierarchy, and flow. Flag anything that feels cluttered, hard to follow, or inconsistent across slides.

Step 6: Export and Ship

• Export PPTX → gửi thẳng cho prospect hoặc present trong cuộc họp tới
• Export sang Canva → handoff cho design team hoàn thiện ở mức pixel
• Share bằng internal URL → lấy feedback nhanh từ sales manager với quyền view-only, comment hoặc edit

Pro Tips: Lưu các prompt tốt nhất thành template. Discovery call lần sau, thay chi tiết prospect mới vào và regenerate. Tăng độ phức tạp dần — khi cấu trúc đã vững thì mới yêu cầu animation hay edge case. Tham chiếu các component của design system theo đúng tên khi bạn biết.

Workflow #2: Chuyển PRD thành product wireframe click được

Dành cho: Product Manager, UX Lead

Vấn đề: PRD (Product Requirements Document) là tài liệu product manager viết để mô tả một feature hoặc product mới nên làm gì — dành cho ai, cần bao gồm những gì, và hoạt động ra sao. Vấn đề là PRD nhiều chữ, và phần lớn stakeholder không hình dung nổi sản phẩm hoàn thiện trông ra sao chỉ bằng cách đọc. PRD và feature spec của bạn nằm dưới dạng văn bản mà chẳng ai hình dung được. Engineering hỏi “cái này trông thế nào?” còn design thì không đủ bandwidth cho thêm một wireframe sprint. Bạn cần wireframe chia sẻ được để align stakeholder — nhanh.

Export path: Handoff sang Claude Code để triển khai, hoặc Canva/internal URL để stakeholder review

Thời gian tiết kiệm: Chu kỳ design nhiều ngày → một cuộc conversation

Step 1: Prep your input

• PRD hoặc feature spec của bạn (upload DOCX hoặc paste text)
• Screenshot các product screen hiện có để làm context visual
• User flow diagram hoặc journey map nếu có
• Design system của bạn (đã cấu hình khi onboarding)

Step 2: Start Simple — Structure First

Create a clickable wireframe for [FEATURE NAME] based on the attached PRD. This is a [TYPE OF FEATURE—e.g., onboarding flow, settings panel, dashboard redesign]. The primary user is [ROLE]. Key requirements: [LIST 3–5 REQUIREMENTS FROM PRD]. Use our design system. Start with the main screen and 2–3 supporting screens that show the core user flow. Keep it functional, not polished—we’re aligning on structure first.

Step 3: Review First Draft

• Flow có khớp với requirement trong PRD không?
• Các user action chính đã rõ ràng và dễ tiếp cận chưa?
• Engineering có hiểu được cần build gì từ đây không?

Pro Tip: Yêu cầu Claude cho xem 2–3 phương án thay thế cho interaction pattern chính trước khi chốt.

Step 4: Refine (Global → Local → Global)

• Global: “Simplify the navigation—reduce to 3 main tabs instead of 5. Make the primary action more prominent.”
• Local: “This dropdown should be a toggle instead” hoặc “Add an empty state for when no data is available.”
• Propagate: “Apply the updated button hierarchy across all screens.”

Step 5: Ask Claude to Review

Review these wireframes for usability. Flag any confusing navigation, missing edge cases, or accessibility concerns.

Step 6: Export and Ship

• Handoff sang Claude Code → để engineering triển khai
• Share bằng internal URL → để align và lấy feedback từ stakeholder
• Export sang Canva → để design team nâng lên high-fidelity mockup

Workflow #3: Tạo marketing one-pager on-brand từ outline sơ bộ

Dành cho: Marketer, Content Strategist, Brand Manager

Vấn đề: Campaign brief và product summary bị kẹt trong Google Docs. Sales cần các one-pager hoàn chỉnh cho sự kiện, đối tác và enablement — nhưng design thì kín lịch hàng tuần liền.

Export path: PDF, Canva để hoàn thiện, hoặc internal URL

Thời gian tiết kiệm: Nửa ngày yêu cầu design → ~20 phút

Step 1: Prep your input

• Campaign brief hoặc product summary (paste text hoặc upload doc)
• Design system / brand asset của bạn (logo, color palette, font)
• Số liệu, customer proof point, hoặc stat muốn đưa vào

Step 2: Start Simple — Structure First

Create a one-page marketing document for [PRODUCT/CAMPAIGN]. Audience: [TARGET—e.g., enterprise buyers, partner teams, event attendees]. Key message: [CORE VALUE PROP]. Include: headline, 3–4 key benefits with supporting details, one customer proof point or stat, and a clear CTA. Use our brand system. Tone: [PROFESSIONAL/CONVERSATIONAL/BOLD]. Format: single-page PDF layout.

Step 3: Review First Draft

• Headline có truyền tải giá trị ngay lập tức không?
• Các benefit có cụ thể và liên quan đến target audience không?
• Có visual hierarchy rõ ràng không — ai đó quét trong 10 giây có nắm được ý chính không?

Step 4: Refine (Global → Local → Global)

• Global: “Tighten the copy—this should be scannable in under 10 seconds. Remove any generic language and replace with specifics from our product.”
• Local: “Swap this stat for our actual customer metric: 40% reduction in onboarding time.”
• Propagate: “Apply this tighter copy style to all benefit sections.”

Step 5: Ask Claude to Review

Review this one-pager for visual hierarchy, readability, and brand consistency. Flag any sections that feel too dense or off-brand.

Step 6: Export and Ship

• Export PDF → để phân phối ngay tại sự kiện hoặc qua email
• Export sang Canva → để design team hoàn thiện trước một đợt launch lớn
• Share bằng internal URL → để stakeholder review và duyệt

Workflow #4: Prototype ngay trong cuộc họp trực tiếp

Dành cho: Product team, founder, bất kỳ ai họp cross-functional

Vấn đề: Các cuộc họp tạo ra ý tưởng và phác thảo whiteboard nhưng không có output cụ thể. Team rời phòng họp với notes và action item — chứ không phải một prototype. Việc thực sự bắt đầu sau cuộc họp, kéo dài chu kỳ thêm nhiều ngày.

Export path: Internal URL (chia sẻ được ngay), handoff sang Claude Code

Thời gian tiết kiệm: Chu kỳ follow-up sau họp (nhiều ngày) → rời phòng họp với prototype chia sẻ được

Step 1: Prep Your Input

• Mở Claude Design trước khi cuộc họp bắt đầu
• Kết nối sẵn design system (đã cấu hình khi onboarding)
• Tùy chọn: upload screenshot, screen hiện có, hoặc doc liên quan đến chủ đề họp

Step 2: Start Simple — Structure First

Khi thảo luận trong họp hội tụ về một hướng, hãy prompt Claude theo thời gian thực:

Create a quick prototype for [CONCEPT DISCUSSED IN MEETING]. It should show [KEY SCREENS OR SECTIONS]. The primary user is [ROLE]. Keep it rough—we’re capturing the idea, not polishing it. Use our brand system.

Claude có thể hỏi các câu làm rõ — hãy dùng chúng làm prompt thảo luận với team. Để câu trả lời của cả phòng định hình thiết kế.

Step 3: Review First Draft

Share màn hình để cả phòng thấy thứ Claude generate. Hỏi:

• Cái này có nắm bắt đúng điều ta vừa thảo luận không?
• Đang thiếu gì?
• Chỗ nào thấy chưa ổn?

Step 4: Refine (Global → Local → Global)

Iterate trực tiếp dựa trên feedback của team. Gõ thay đổi vào chat ngay khi cuộc trao đổi diễn ra:

• Global: “Move the dashboard metrics to the top and add a filter bar.”
• Local: “Change this section to show a timeline view instead of a list.”

Đừng nhắm tới sự hoàn hảo — hãy nhắm tới sự đồng thuận (alignment). Mục tiêu là rời họp với một visual chung mà mọi người đã thống nhất.

Step 5: Ask Claude to Review

Quick review: flag anything in this prototype that feels confusing, incomplete, or inconsistent. We’re wrapping up a meeting—just the big issues.

Step 6: Export and Ship

• Share bằng internal URL → gửi cho nhóm họp ngay lập tức — mọi người rời đi với một visual, không chỉ notes
• Handoff sang Claude Code → để engineering bắt đầu triển khai dựa trên prototype đã align

Pro Tip: Workflow này biến các cuộc họp từ “lên lịch follow-up đi” thành “đây là thứ ta sẽ build”. Dùng cho kickoff, design review và product brainstorm.

Workflow #5: Dựng landing page từ screenshot của đối thủ

Dành cho: Marketer, Growth Team, Founder đang launch sản phẩm mới

Vấn đề: Bạn biết “tốt” trông thế nào — bạn đã bookmark 10 landing page của đối thủ. Nhưng bạn không thể build nó nếu thiếu designer hay developer, và cả hai đều kín lịch hàng tuần liền. Bạn cần một bản draft landing page chạy được, nhanh.

Export path: Standalone HTML, Canva để hoàn thiện, hoặc Claude Code để triển khai production

Thời gian tiết kiệm: Chu kỳ design/dev cả tuần → ~30 phút ra bản draft chạy được

Step 1: Prep Your Input

• Screenshot 2–4 landing page của đối thủ hoặc nguồn cảm hứng
• Dùng web capture tool của Claude Design để lấy element trực tiếp từ website đang chạy
• Value prop, key feature và target audience của sản phẩm (paste text hoặc upload doc)
• Design system của bạn (đã cấu hình khi onboarding)

Step 2: Start Simple — Structure First

Create a landing page for [PRODUCT NAME]. Target audience: [WHO]. Core value prop: [ONE SENTENCE]. Use the attached competitor screenshots as visual inspiration for layout and structure—but use our brand system for colors, typography, and components. Include: hero section with headline and CTA, 3–4 feature/benefit sections, social proof (testimonials or logos), and a final CTA. Optimize for desktop and mobile.

Step 3: Review First Draft

• Hero section có truyền tải ngay sản phẩm làm gì và cho ai không?
• Flow của trang có logic không — hook → value → proof → action?
• Nó có cảm giác on-brand không, chứ không phải bản clone của đối thủ?

Pro Tip: Yêu cầu Claude cho xem 2–3 phương án hero section khác nhau — phần đầu tiên khách nhìn thấy là quan trọng nhất phải làm đúng.

Step 4: Refine (Global → Local → Global)

• Global: “Make the page feel more premium—more whitespace, larger typography, fewer elements per section.”
• Local: “Change this headline to focus on the outcome, not the feature” hoặc “Replace placeholder testimonials with our actual customer quotes.”
• Propagate: “Apply this updated section spacing and CTA style to every section on the page.”

Step 5: Ask Claude to Review

Review this landing page for conversion best practices. Check: headline clarity, CTA visibility, mobile responsiveness, information hierarchy, and whether the page tells a coherent story from top to bottom.

Step 6: Export and Ship

• Export standalone HTML → cho web demo nhanh hoặc stakeholder review
• Handoff sang Claude Code → để triển khai production-ready
• Export sang Canva → để design team hoàn thiện visual cuối

Workflow #6: Biến strategy doc thành visual roadmap

Dành cho: Founder, Product Manager, Operations Leader

Vấn đề: Kế hoạch chiến lược và roadmap nằm trong các văn bản dày đặc hoặc spreadsheet rối rắm. Khi present cho board, investor hay team, không ai nắm nhanh được priority, timeline hay dependency. Bạn cần một visual roadmap — chứ không phải thêm một cái doc.

Export path: PDF, PPTX cho board/investor presentation, internal URL để team align

Thời gian tiết kiệm: Nhiều giờ dựng slide thủ công → ~15 phút

Step 1: Prep Your Input

• Strategy doc, project plan, hoặc OKR của bạn (upload DOCX, XLSX, hoặc paste text)
• Bất kỳ format roadmap nào team đã dùng trước đây (upload làm reference)
• Context về audience: board presentation vs. internal team alignment vs. investor update

Step 2: Start Simple — Structure First

Transform the attached strategy document into a visual roadmap. Audience: [BOARD / INVESTORS / INTERNAL TEAM]. Timeframe: [Q3–Q4 2026 / Next 12 months / etc.]. Show: key initiatives grouped by [THEME / TEAM / QUARTER], milestones, dependencies between workstreams, and current status. Use our brand system. Format: [SINGLE-PAGE OVERVIEW / MULTI-SLIDE PRESENTATION]. Tone: [EXECUTIVE / OPERATIONAL / STRATEGIC].

Step 3: Review First Draft

• Ai đó có nắm được chiến lược trong dưới 30 giây không?
• Priority có rõ không — cái gì quan trọng nhất vs. hỗ trợ?
• Timeline có sát với kế hoạch thực tế của bạn không?

Step 4: Refine (Global → Local → Global)

• Global: “Simplify—we have too many items visible at once. Group into 3 strategic themes and show detail only for Q3.”
• Local: “Add a dependency arrow between the API launch and the partner integration milestone” hoặc “Mark the infrastructure workstream as at-risk (yellow).”
• Propagate: “Apply the updated color-coding system (green/yellow/red) to all workstream status indicators.”

Step 5: Ask Claude to Review

Review this roadmap for clarity and hierarchy. Flag anything that feels cluttered, any missing dependencies, or sections where the priorities aren’t visually obvious.

Step 6: Export and Ship

• Export PPTX → cho board hoặc investor presentation
• Export PDF → để phân phối cho stakeholder
• Share bằng internal URL → để team align với quyền comment/edit

Workflow #7: Tạo social media asset template khớp brand

Dành cho: Social Media Manager, Content Creator, Marketing Team

Vấn đề: Mỗi campaign mới lại đòi hỏi social asset riêng. Design bị nghẽn cổ chai, bài post ra trễ hoặc off-brand, và bạn mệt mỏi vì phải bắt đầu từ đầu mỗi lần. Bạn cần một hệ thống template tái sử dụng mà bất kỳ thành viên nào cũng có thể tùy biến.

Export path: Canva để chỉnh size/lên lịch cuối, PDF cho quy trình duyệt, standalone HTML để nhúng web

Thời gian tiết kiệm: Yêu cầu design theo từng campaign (nhiều ngày) → hệ thống template tái sử dụng dựng trong ~20 phút

Step 1: Prep Your Input

• Ví dụ các social post hiệu quả nhất của bạn (screenshot)
• Brand guideline, logo và color palette (trong design system hoặc upload)
• Yêu cầu platform: những platform nào (LinkedIn, Instagram, X/Twitter) và spec kích thước tương ứng
• Các content category bạn đăng thường xuyên (product update, thought leadership, customer story, event)

Step 2: Start Simple — Structure First

Create a set of social media templates for [BRAND]. Platforms: [LINKEDIN, INSTAGRAM, X/TWITTER]. Create templates for these content categories: [PRODUCT ANNOUNCEMENT, THOUGHT LEADERSHIP, CUSTOMER STORY, EVENT PROMO]. Each template should include: headline zone, body text zone, image/visual zone, CTA zone, and branded footer. Use our brand system. Design them so any team member can swap in new copy and images without breaking the layout.

Step 3: Review First Draft

• Các template có cảm giác on-brand và nhất quán với nhau không?
• Các text zone có được size phù hợp với giới hạn ký tự/kích thước của từng platform không?
• Một người không phải designer có thực sự swap được content mới mà không phá layout không?

Step 4: Refine (Global → Local → Global)

• Global: “Make all templates feel more modern—bolder typography, less clutter, more whitespace.”
• Local: “The LinkedIn thought leadership template needs a larger quote block” hoặc “Add our logo watermark to the bottom-right of every template.”
• Propagate: “Apply the updated footer design and logo placement to all templates across all platforms.”

Step 5: Ask Claude to Review

Review these social media templates for brand consistency, readability at small sizes, and whether the layouts are modular enough for non-designers to customize easily.

Step 6: Export and Ship

• Export sang Canva → để chỉnh size, lên lịch và cả team truy cập template tái sử dụng
• Export PDF → để stakeholder duyệt trước khi launch hệ thống template
• Share bằng internal URL → để team review với quyền edit để ai cũng test được template

Pro Tip: Khi template đã ở trong Canva, team bạn có thể tái sử dụng cho mọi campaign mà không cần đụng lại Claude Design. Build hệ thống một lần, dùng mãi mãi.

7 Prompt Template

Toàn bộ 7 prompt workflow ở dạng copy-paste. Thay chi tiết của bạn vào chỗ có [BRACKETS] và chạy. Các prompt được giữ nguyên tiếng Anh để dùng trực tiếp trong Claude Design.

Marketing

Marketing One-Pager

Create a one-page marketing document for [PRODUCT/CAMPAIGN]. Audience: [TARGET]. Key message: [CORE VALUE PROP]. Include: headline, 3–4 key benefits, one proof point or stat, and a clear CTA. Use our brand system. Tone: [PROFESSIONAL/CONVERSATIONAL/BOLD]. Format: single-page PDF layout.

Landing Page

Create a landing page for [PRODUCT]. Target audience: [WHO]. Core value prop: [ONE SENTENCE]. Use attached competitor screenshots as visual inspiration but use our brand system. Include: hero section with CTA, 3–4 feature sections, social proof, and a final CTA. Optimize for desktop and mobile.

Social Media Templates

Create social media templates for [BRAND]. Platforms: [LIST]. Content categories: [LIST]. Each template: headline zone, body text zone, image zone, CTA zone, branded footer. Use our brand system. Design so any team member can swap content without breaking layout.

Product

Product Wireframes

Create a clickable wireframe for [FEATURE NAME] based on the attached PRD. This is a [TYPE OF FEATURE]. The primary user is [ROLE]. Key requirements: [LIST 3–5]. Use our design system. Start with the main screen and 2–3 supporting screens. Keep it functional, not polished.

Live Meeting Prototype

Create a quick prototype for [CONCEPT]. It should show [KEY SCREENS]. The primary user is [ROLE]. Keep it rough—we’re capturing the idea, not polishing it. Use our brand system.

Visual Roadmap

Transform the attached strategy document into a visual roadmap. Audience: [BOARD/INVESTORS/TEAM]. Timeframe: [PERIOD]. Show: key initiatives grouped by [THEME/TEAM/QUARTER], milestones, dependencies, and status. Use our brand system. Format: [SINGLE-PAGE/MULTI-SLIDE]. Tone: [EXECUTIVE/OPERATIONAL/STRATEGIC].

Sales

Pitch Deck

Create a 12-slide pitch deck for [PROSPECT COMPANY]. They’re a [SIZE] company struggling with [PAIN POINT]. Their buying committee includes [ROLES]. Use our brand system. Structure: company overview (1), their problem (2), our solution (3), case study (2), pricing (1), timeline (1), next steps (1), Q&A (1). Tone: confident but consultative.

Claude Design vs. các tool khác — Khi nào dùng cái gì

Không phải mọi thứ đều thuộc về Claude Design. Đây là hướng dẫn quyết định nhanh:

Use Case	Tool tốt nhất	Vì sao
Rapid prototyping từ một prompt	Claude Design	Đường ngắn nhất từ ý tưởng đến visual chia sẻ được
Thiết kế UI pixel-perfect	Figma	Vẫn là chuẩn vàng cho production design system
Hoàn thiện và publish asset	Canva	Tốt nhất cho khâu finishing on-brand và phân phối
Code production-ready từ prototype	Claude Code	Handoff bundle từ Claude Design → code chạy được
Tự động hóa workflow đa tool phức tạp	Zapier / n8n	Cho các pipeline trải rộng nhiều app ngoài phạm vi design

Pro Tips áp dụng cho mọi workflow

Start simple, layer complexity.

Đừng build cả sản phẩm trong một prompt. Bắt đầu với layout và content lõi, rồi thêm interaction, edge case và finishing một cách tăng dần.

Viết prompt như creative brief.

Bao gồm: goal, audience, constraint, format. Càng nhiều context, Claude càng ít phải đoán — và output đầu tiên càng tốt.

Cho Claude ăn asset thật của bạn.

Upload deck cũ, screenshot và cấp quyền codebase. Claude suy ra đúng hierarchy, tone và visual language thật của bạn, nên bản generate đầu tiên đã on-brand thay vì generic.

Yêu cầu 2–3 biến thể trước khi chốt.

So sánh các phương án nhanh hơn nhiều so với đoán mò. Nếu chưa chắc về hướng đi, hãy yêu cầu Claude cho xem các option.

Dùng inline comment cho thay đổi có mục tiêu, chat cho thay đổi cấu trúc.

Và nhớ: nếu inline comment biến mất trước khi Claude đọc (known issue), paste feedback thẳng vào chat.

Yêu cầu Claude review trước khi export.

Claude có thể audit readability, visual hierarchy, contrast ratio và accessibility. Hãy coi nó là một design collaborator, không chỉ là công cụ generate.

Tham chiếu component của design system theo tên.

Nếu bạn biết một component tồn tại (ví dụ “Primary Button”, “Card layout”), hãy nêu trực tiếp — Claude áp dụng chính xác hơn so với mô tả chung chung.

Coi Claude Design là exploration, không phải production cuối.

Dùng nó cho ideation nhanh và đạt tới một bản draft mạnh. Export sang Canva, Figma hoặc Claude Code để hoàn thiện và publish.

Để ý usage limit.

Prototyping nặng trên Opus 4.7 tính vào quota gói Claude. Điều tiết các phiên, đặc biệt với deck lớn hoặc prototype phức tạp.

Nghĩ đến responsiveness từ sớm.

Nêu rõ thiết kế cần chạy trên mobile, tablet và desktop — hay chỉ một loại. Claude xử lý tốt hơn khi bạn nói trước.

Bắt đầu build thôi!

Giờ bạn đã có 7 workflow, 7 prompt copy-paste, và một framework 6 bước lặp lại được để áp dụng cho bất kỳ dự án Claude Design nào. Những doanh nghiệp thắng với AI không phải là những kẻ nghiên cứu nó lâu nhất — mà là những kẻ bắt đầu ship trước tiên.

Chọn workflow khớp với nhu cầu cấp thiết nhất của bạn. Làm theo các bước. Thay chi tiết của bạn vào. Export ra một thứ thật. Rồi làm lại vào ngày mai.

Đó chính là cách bạn thôi nhìn chằm chằm vào ô prompt và bắt đầu build!