Ngày 17/4/2026, Anthropic ra mắt Claude Design — và ngay trong ngày hôm đó, cổ phiếu Figma lao xuống gần 7%. Không phải ngẫu nhiên. Anthropic vừa bước chân vào một thị trường mà trước nay không ai nghĩ họ sẽ đụng đến: thiết kế giao diện.

Nhưng thực ra Claude Design là gì? Nó có thực sự thay thế được Figma hay Canva không? Và quan trọng hơn — bạn có nên dùng nó không? Bài viết này sẽ trả lời từng câu hỏi đó.

Claude Design là gì?

Claude Design là công cụ thiết kế AI mới nhất của Anthropic, được ra mắt dưới dạng research preview vào tháng 4/2026. Nó cho phép bạn tạo ra prototype tương tác, slide deck, landing page, one-pager marketing… chỉ bằng cách mô tả bằng ngôn ngữ tự nhiên — không cần biết design, không cần kéo thả bất cứ thứ gì.

Claude Design chạy trên Claude Opus 4.7 — model vision mạnh nhất của Anthropic hiện tại, được phát hành cùng ngày với Design. Điều đó có nghĩa là Claude không chỉ đọc text, mà còn hiểu được layout, màu sắc, hình ảnh và cấu trúc visual một cách khá chính xác.

Nếu Claude Code là công cụ giúp developer viết code nhanh hơn, thì Claude Design là công cụ giúp tất cả mọi người — kể cả những người chưa từng động vào Figma — tạo ra output visual trông như hàng thật.

Tại sao nó gây chấn động?

Có một chi tiết khá thú vị trong bối cảnh ra mắt. Chỉ vài ngày trước khi Claude Design được công bố, CPO của Anthropic — Mike Krieger — đã âm thầm rút khỏi board của Figma. Thị trường đọc đúng tín hiệu đó. Cổ phiếu Figma — vốn đã giảm gần 50% trong 12 tháng trước — lại mất thêm khoảng 7% ngay sau khi Claude Design ra mắt.

Và điều khiến Claude Design thực sự đáng chú ý không chỉ là “một công cụ AI design nữa”. Claude Design dùng Opus 4.7 — model top-tier của Anthropic với khả năng vision mạnh. Trong khi đó, Figma Make — tính năng AI generation của chính Figma — lại chạy trên Sonnet 4.5, một model tầm trung. Và Figma phải trả tiền cho Anthropic để chạy AI features của mình — trong khi Anthropic lại bán Claude Design thẳng đến tay người dùng cuối với giá thấp hơn.

Claude Design làm được gì?

Đây là phần nhiều người tò mò nhất. Claude Design không phải là một canvas design tool theo kiểu truyền thống. Nó không có layers panel, không có vector editor, không có color picker. Thay vào đó, bạn nói, Claude tạo ra. Cụ thể:

• Website prototype tương tác: Mô tả một trang web, Claude tạo ra HTML/CSS/JS hoàn chỉnh, render ngay trong preview pane để bạn click và tương tác thử
• Slide deck: Yêu cầu một bài thuyết trình về chủ đề bất kỳ, Claude tạo slide có layout, typography và màu sắc nhất quán
• One-pager và marketing asset: Landing page, tờ giới thiệu sản phẩm, pitch deck cho investor — tất cả đều trong tầm tay
• Wireframe: Nếu bạn không cần mockup đẹp mà chỉ cần phác thảo nhanh để confirm ý tưởng, có option tạo wireframe tốn ít token hơn

Tính năng đáng chú ý nhất: Design System tự động

Đây là thứ thực sự làm mình ấn tượng nhất khi đọc về Claude Design. Trong quá trình onboarding, Claude đọc codebase và design file của team, rồi tự xây dựng một design system — màu sắc, typography, components — và tự động áp dụng cho mọi project sau đó.

Điều đó có nghĩa là: bạn không phải nhập màu brand, không phải chọn font, không phải setup gì cả. Claude đọc những gì bạn đã có và nhất quán theo đó từ đầu đến cuối. Đây là điểm mà nhiều công cụ AI design khác vẫn chưa làm được tốt.

Kết nối trực tiếp với Claude Code

Đây cũng là điểm khác biệt lớn so với các tool design truyền thống. Prototype tạo ra trong Claude Design có thể handoff trực tiếp sang Claude Code dưới dạng một implementation bundle có cấu trúc — developer không phải ngồi dịch từ mockup sang code nữa. Luồng từ ý tưởng → design → code → deploy lần đầu tiên có thể diễn ra trong một hệ sinh thái liên thông.

Refine bằng nhiều cách

Sau khi Claude tạo ra phiên bản đầu, bạn có thể chỉnh sửa theo nhiều cách:

• Chat: Nói chuyện tiếp với Claude để chỉnh layout, màu sắc, nội dung
• Inline comment: Comment trực tiếp lên từng element cụ thể
• Direct text editing: Sửa text trực tiếp mà không cần qua prompt
• Custom sliders: Claude tự tạo ra các slider để bạn điều chỉnh spacing, màu sắc, layout theo real-time — thứ này khá độc đáo

Claude Design có miễn phí không?

Câu trả lời: có giới hạn. Cụ thể:

• Free Plan: Không có Claude Design trong research preview này
• Pro ($20/tháng): Có truy cập, nhưng có weekly limit riêng cho Design. Claude Design ngốn token nhiều hơn Chat thông thường — đặc biệt khi tạo polished mockup. Sau khi hết limit tuần, bạn sẽ chuyển sang pay-as-you-go theo token
• Max, Team, Enterprise: Limit cao hơn và phù hợp cho dùng hàng ngày

Thực tế về usage: Theo một review từ The New Stack, chỉ sau khi build một design system, một prototype website và vài lần chỉnh sửa, họ đã dùng hết hơn 50% weekly limit của plan Pro. Nếu bạn định dùng nhiều, hãy tính toán kỹ trước.

Export và tích hợp

Claude Design hỗ trợ export ra nhiều định dạng: PPTX, PDF, HTML, và cả Canva — có nghĩa là bạn có thể đưa output từ Claude Design vào Canva để chỉnh sửa tiếp nếu cần. Đây là điểm khá thực dụng vì không phải ai cũng muốn dùng mỗi một công cụ cho mọi thứ.

Ngoài ra còn có Figma plugin — Claude Code có thể đọc Figma file của bạn, extract design tokens, component information và translate thẳng ra production-ready code. Nghe có vẻ mâu thuẫn (vừa cạnh tranh Figma vừa tích hợp với Figma), nhưng thực ra đây là nước đi khôn ngoan: Anthropic không loại bỏ hệ sinh thái cũ, mà đặt mình vào trung tâm của nó.

Claude Design phù hợp với ai?

Sau khi đọc kỹ, mình nghĩ Claude Design thực sự hữu ích cho những nhóm sau:

• Non-designer cần output visual nhanh: PM, marketer, analyst, ops… những người thường phải làm slide hoặc one-pager nhưng không có thời gian — hay kỹ năng — để làm đẹp trong Figma hay Canva
• Developer muốn prototype ý tưởng: Thay vì ngồi code một cái mockup để show stakeholder, dùng Claude Design tạo trong vài phút rồi handoff thẳng về code
• Startup nhỏ chưa có designer: Landing page, pitch deck, marketing material — tất cả có thể làm được mà không cần thuê thêm người
• Designer chuyên nghiệp muốn accelerate giai đoạn đầu: Tạo first draft nhanh để có cái gì đó đưa vào Figma chỉnh tiếp, thay vì bắt đầu từ trang trắng

Nhưng Claude Design chưa phải là công cụ thay thế hoàn toàn cho designer chuyên nghiệp. Những thứ nó thiếu hiện tại:

• Real-time collaboration nhiều người cùng edit
• Vector editor chính xác (icon, illustration tùy chỉnh)
• Design system quản lý component phức tạp như Figma
• Version history và developer handoff với annotation chi tiết

Cách bắt đầu với Claude Design

Hiện tại Claude Design đang trong research preview và rolling out dần — không phải tất cả account đều có ngay lập tức. Nếu bạn đang dùng plan Pro, Max, Team hoặc Enterprise, đây là cách kiểm tra và bắt đầu:

Bước 1: Kiểm tra xem bạn đã có access chưa

Truy cập claude.ai, tìm xem trong giao diện có xuất hiện tab hoặc option Design không. Nếu chưa, khả năng cao bạn đang trong danh sách chờ — Anthropic đang roll out dần trong ngày.

Bước 2: Setup Design System từ brand có sẵn

Đây là bước đầu tiên nên làm khi vào Claude Design lần đầu. Upload brand guideline, design file cũ, hoặc thậm chí trỏ Claude vào codebase của bạn. Claude sẽ đọc và tự tạo design system — màu sắc, font, component style — rồi áp dụng nhất quán cho mọi output về sau.

Nếu chưa có gì, bạn có thể mô tả vibe bạn muốn bằng text và Claude sẽ propose một design system từ đầu để bạn duyệt.

Bước 3: Tạo output đầu tiên

Bắt đầu với một task đơn giản và cụ thể. Ví dụ:

"Tạo một landing page giới thiệu sản phẩm SaaS quản lý task cho team remote. 
Cần có: hero section, 3 feature highlights, pricing table 3 tiers, và CTA button. 
Tone: professional nhưng friendly. Màu chủ đạo: xanh navy và trắng."

Claude sẽ tạo ra một phiên bản đầu tiên để bạn review. Từ đó, refine dần bằng chat hoặc inline comment cho đến khi hài lòng.

Bước 4: Export hoặc handoff

Khi đã ổn, bạn có thể:

• Export ra PPTX nếu đây là slide deck cần trình bày
• Export ra PDF để share hoặc in
• Export ra HTML nếu muốn dùng như web page
• Đưa sang Canva để chỉnh tiếp bằng giao diện kéo thả quen thuộc
• Handoff sang Claude Code để implement thành sản phẩm thật

Tổng kết

Claude Design không phải là “Figma killer” như một số headline giật tít đang nói. Nhưng nó là thứ thực sự hữu ích — và quan trọng hơn, nó lấp đầy một khoảng trống mà Figma và Canva chưa giải quyết tốt: cho người không biết design cũng tạo ra được output visual đàng hoàng mà không cần học hàng chục giờ.

Tóm lại những gì cần nhớ:

• Ra mắt: 17/4/2026, đang trong research preview, roll out dần cho paid plans
• Chạy trên Opus 4.7 — model vision mạnh nhất của Anthropic hiện tại
• Làm được: prototype, slide, landing page, one-pager, wireframe
• Điểm mạnh nhất: tự đọc brand của bạn và tạo design system nhất quán
• Tích hợp trực tiếp với Claude Code và export được ra PPTX, PDF, HTML, Canva
• Giá: có weekly limit riêng, ngốn token — Pro dùng thỉnh thoảng được, Max nếu dùng thường xuyên
• Chưa thay thế được Figma cho professional design team cần collaboration và component system phức tạp

Nếu bạn đang dùng plan Pro hoặc Max, hãy thử ngay với một task thực tế — một cái slide cho buổi họp tuần tới, hoặc một landing page đơn giản bạn đang cần. Cái cảm giác nhìn Claude tạo ra một prototype tương tác chỉ từ vài dòng mô tả… khá là ảo diệu.

Chúc anh em design (và code) vui! 🚀

Tags: #claude #claudedesign #anthropic #aidesign #figma #prototype #ui #ux