Giải pháp mã nguồn mở thay thế Claude Design

Claude Design rất tốt. Chúng tôi đã dùng nó cho những bản brief thực tế. Việc chúng tôi xây dựng một lớp mã nguồn mở thay vào đó không phải vì Anthropic phát hành một công cụ tồi — họ không hề làm vậy. Lý do là bởi công cụ thiết kế đóng, chỉ chạy trên đám mây, giá từ 20 đến 200 đô-la mỗi tháng là hình hài sai cho thập kỷ tới của công việc thiết kế. Bài viết này là góc nhìn thẳng thắn về Claude Design từ một đội ngũ phát hành trong cùng lĩnh vực: nó là gì, nó khóa bạn ở đâu, giải pháp mã nguồn mở thay thế thực sự trông như thế nào, và bạn nên chọn cái nào trong quý này.

Claude Design thực chất là gì

Claude Design ra mắt từ Anthropic Labs vào tháng 4 năm 2026. Đó là một công cụ thiết kế đối thoại được vận hành bởi Claude Opus 4.7: trò chuyện bên trái, canvas bên phải. Bạn mô tả điều bạn muốn, Claude tạo ra một thiết kế, và bạn lặp lại tinh chỉnh thông qua bình luận, chỉnh sửa nội tuyến, và làm tinh prompt.

Nó làm tốt bốn việc:

• Tạo nguyên mẫu từ văn xuôi. Luồng onboarding, trang cài đặt, bảng quản trị, các biến thể thanh toán — năm phút từ prompt đến màn hình tương tác.
• Nhận biết codebase. Nhập một repo GitHub hoặc đính kèm một thư mục cục bộ và các nguyên mẫu sẽ dùng đúng các component thực, hệ thống token, và quy ước của bạn.
• Tích hợp thương hiệu. Thiết lập một hệ thống thiết kế một lần và mọi dự án tự động lấy màu sắc, kiểu chữ, và các mẫu component.
• Bàn giao cho Claude Code. Nút "build this" đưa nguyên mẫu đến mã sẵn sàng cho production trong cùng tab trình duyệt.

Các định dạng xuất bao gồm Canva, PDF, PPTX, HTML, và URL độc lập. Giá được gói chung — Claude Pro với 20 đô-la, Max với 100–200 đô-la, Enterprise ở mức gọi-điện-cho-chúng-tôi thường lệ. Hiện nó là một bản xem trước nghiên cứu dành cho người đăng ký Claude trả phí.

Nếu bạn đọc hướng dẫn chính thức, quy trình mà Anthropic mô tả chính là quy trình mà Open Design cung cấp: một bản brief, một định hướng, một sản phẩm, một bàn giao. Khác biệt nằm ở tầng bên dưới.

Nó khóa bạn ở đâu

Claude Design mang theo bốn kiểu khóa đáng được nêu rõ ngay từ đầu, vì các trang tiếp thị không làm điều đó.

Mô hình bị cố định. Mọi lần render đều đi qua Claude. Không phải Claude hoặc một mô hình mà bạn đã trả tiền — chỉ Claude. Nếu đội của bạn có hợp đồng với GPT, Gemini, hoặc DeepSeek, hoặc nếu bạn tự host trên Ollama cho những bản brief nhạy cảm, thì các quy trình đó không chuyển sang được. Chi phí token mãi mãi đi theo đường cong giá của Anthropic.

Runtime được host. Prompt, hệ thống thiết kế, và bối cảnh codebase của bạn đều đi đến máy chủ của Anthropic. Với công việc agency hoặc sáng tạo tiền-ra-mắt theo NDA, đó là một cuộc trao đổi về thu mua mỗi lần. Tự host không phải là một lựa chọn trong bản xem trước nghiên cứu, và thông báo không cam kết sẽ có.

Các skill không phải của bạn. Hành vi của Claude Design được định nghĩa bởi các prompt và công cụ nằm bên trong Anthropic. Bạn không thể fork chúng, kiểm toán chúng, hay thay thế một cái nào. Các "skill" mà Anthropic phát hành trong Claude Skills là liền kề nhưng tách biệt; công cụ chuyên cho thiết kế là nội bộ.

Hóa đơn là một gói đăng ký. 20–200 đô-la/tháng cho mỗi chỗ ngồi thì ổn với một nhà thiết kế đơn lẻ, đau đớn với một đội hai mươi người, và là điều bất khả thi với cả tá người đóng góp mã nguồn mở mà lẽ ra sẽ tiếp nhận cùng quy trình đó.

Không cái nào trong số này là lỗi của Claude Design. Chúng là hình hài của một sản phẩm được host. Anthropic tối ưu cho người đăng ký Pro trung vị. Chúng tôi không phải người đăng ký Pro trung vị.

Giải pháp mã nguồn mở thay thế

Open Design (trang này) là một canh bạc khác. Nó không phải một bản sao của Claude Design — nó là một lớp skill mỏng biến tác tử lập trình mà bạn đã dùng thành một cỗ máy thiết kế. Bốn nguyên thể là skill, hệ thống, adapter, và daemon. Mỗi skill là một tệp SKILL.md. Mỗi hệ thống thiết kế là một tệp DESIGN.md. Mỗi adapter tác tử khoảng ~80 dòng TypeScript.

Những gì có sẵn trong hộp hôm nay:

• 123 skills — bộ tạo deck, mockup di động, trang biên tập, Word/Excel/PPT, khám phá thương hiệu
• 148 design systems — phiên bản Markdown di động của Linear, Vercel, Stripe, Apple, Cursor, Figma, cùng một đuôi dài
• 16 CLI tác tử lập trình được tự động phát hiện trên $PATH của bạn — Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilo
• Quy trình bốn bước được khóa — biểu mẫu câu hỏi → bộ chọn định hướng → luồng kế hoạch trực tiếp → xem trước iframe trong hộp cát
• BYOK theo mặc định — dán bất kỳ base_url và khóa tương thích OpenAI nào, các token của bạn đi thẳng đến nhà cung cấp
• Apache-2.0, không cần đăng ký, chạy trên pnpm tools-dev

Mô hình tư duy: Claude Design là một sản phẩm. Open Design là một lớp.

So sánh trực tiếp

	Claude Design	Open Design
Giấy phép	Độc quyền	Apache-2.0
Runtime	Được host (Anthropic)	Daemon cục bộ (pnpm tools-dev) + tùy chọn triển khai Vercel
Mô hình	Chỉ Claude	Bất kỳ endpoint tương thích OpenAI nào + 16 CLI được phát hiện
Skills	Nội bộ	123 thư mục SKILL.md có thể fork
Hệ thống thiết kế	Thiết lập thương hiệu theo từng dự án	148 tệp DESIGN.md di động
Bối cảnh codebase	Nhập GitHub + cục bộ	Cấp độ skill, thư mục làm việc thực
Giá	$20 / $100 / $200 / Enterprise	Miễn phí; bạn trả trực tiếp cho nhà cung cấp mô hình của mình
Bàn giao	Claude Code (trong ứng dụng)	Bất kỳ tác tử nào trên $PATH, cùng các định dạng xuất HTML / PDF / PPTX / ZIP
Có thể tự host	Không	Có (laptop hoặc Vercel)
Đường đi dữ liệu	Prompt → Anthropic	Prompt → nhà cung cấp bạn chọn; không gì đi qua chúng tôi

Tóm tắt thẳng thắn: Claude Design có trải nghiệm sản phẩm-đơn-nhất được trau chuốt nhất. Open Design đánh đổi bề mặt sản phẩm-đơn-nhất trau chuốt để lấy một thư viện — nhiều skill hơn, nhiều hệ thống hơn, nhiều tác tử hơn, được thiết kế để kết hợp với tác tử đã có trên laptop của bạn.

Ai nên chọn gì

Nếu bạn là…	Chọn
Một PM đơn lẻ tại một công ty đã dùng Claude Pro và cần một nguyên mẫu trước bữa trưa	Claude Design. 20 đô-la/tháng đã chi rồi; giao diện thực sự nhanh.
Một đội thiết kế doanh nghiệp nơi Anthropic đã thông qua khâu thu mua	Claude Design. Bạn đã trả chi phí tích hợp một lần; hãy tận dụng nó.
Một nhà thiết kế đơn lẻ muốn "Claude Design nhưng miễn phí"	Open Design. Miễn phí, và bạn sở hữu quy trình thay vì thuê nó — chỉ nó vào một mô hình bạn đã trả tiền và bản deck đầu tiên mất khoảng mười phút.
Một kỹ sư thiết kế đã điều khiển Claude Code, Codex, hoặc Cursor từ terminal	Open Design. Tác tử của bạn là cỗ máy thiết kế; lớp skill thêm gu thẩm mỹ và cấu trúc mà không cần một ứng dụng mới.
Bất kỳ ai cần BYOK, lựa chọn mô hình giữa chừng dự án, hoặc chỉ-cục-bộ cho những bản brief nhạy cảm	Open Design. Thực tế gồ ghề hơn tiếp thị, nhưng đây là cam kết duy nhất thực sự giữ vững.
Một người đóng góp mã nguồn mở muốn phát hành một skill thiết kế mới mà dự án có thể tiếp nhận	Open Design. Thả một thư mục vào, khởi động lại daemon, gửi PR.
Một đội đang chuẩn hóa trên một hệ thống thiết kế di động sống sót qua sự thay đổi công cụ	Open Design. Các tệp DESIGN.md sống lâu hơn công cụ đọc chúng.

Yếu tố quyết định cho hầu hết các đội không phải là chất lượng. Đó là việc bạn thà thuê quy trình hay sở hữu nó.

Việc cần làm tiếp theo

Nếu bạn muốn cảm nhận việc sở hữu quy trình trông như thế nào trước khi chi tiền cho một gói đăng ký Pro, hãy chạy bản khởi động nhanh ba lệnh và chỉ nó vào mô hình bạn đã trả tiền. Toàn bộ nằm trong một repo và bản deck đầu tiên mất khoảng mười phút.

Thử quy trình mã nguồn mở.

Đọc thêm

• Tại sao chúng tôi xây dựng Open Design như một lớp skill, không phải một sản phẩm — bản tuyên ngôn dài hơn đằng sau canh bạc "lớp, không phải sản phẩm"
• Quy trình thiết kế BYOK — chạy Claude, Codex, hoặc Qwen trên khóa của riêng bạn — bài toán chi phí đằng sau việc chọn mô hình của riêng bạn
• Kiểm chứng thực tế BYOK — năm thứ bị hỏng — con đường mở thực sự làm hỏng điều gì hôm nay, và các cách khắc phục