Claude Design đã gây ấn tượng mạnh ngay từ khi ra mắt. Chỉ cần gõ một câu và một bản trình bày, trang đích hoặc bản mô phỏng di động hoàn chỉnh sẽ được tạo ra cho bạn trong vài giây. Không cần kéo thả hình chữ nhật trên khung vẽ, không cần chỉnh sửa từng pixel bằng tay. Nhưng rồi bạn sẽ gặp phải trở ngại. Đó là một sản phẩm trả phí, chỉ hoạt động trên đám mây và bị khóa với hệ thống của Anthropic. Vì vậy, khi mọi người tìm kiếm cách sử dụng Claude Design miễn phí, họ thường đi vào ngõ cụt.
Một dự án mã nguồn mở có tên Open Design đã tái tạo lại quy trình thiết kế ưu tiên hiện vật tương tự, chạy trên máy tính của bạn và không tốn phí cài đặt. Hướng dẫn này sẽ giải thích Open Design là gì, cách thiết lập nó theo ba cách khác nhau và cách kết nối nó với một tác nhân AI mà bạn có thể đã trả phí.
TL;DR: cách sử dụng Claude Design miễn phí
Claude Design là công cụ thiết kế độc quyền, trả phí của Anthropic. Để có trải nghiệm tương tự miễn phí, hãy cài đặt Open Design, một giải pháp thay thế mã nguồn mở theo giấy phép Apache-2.0 với hơn 48.000 sao trên GitHub. Nó tái tạo quy trình làm việc thiết kế ưu tiên hiện vật, chạy cục bộ hoặc tự lưu trữ, và sử dụng CLI tác nhân lập trình làm công cụ thiết kế. Claude Code, Codex, Gemini CLI, Cursor, và khoảng hơn chục công cụ khác đều hoạt động. Phần mềm này không tốn phí. Bạn chỉ phải trả tiền cho mô hình AI mà bạn kết nối nó, và nếu bạn sử dụng một tác nhân mà bạn đã đăng ký, chi phí đó thậm chí còn giảm xuống bằng không.
Tại sao “Claude Design miễn phí” cần một lời cảnh báo trung thực
Trước hết, hãy làm rõ cụm từ tìm kiếm này, vì cách diễn đạt ẩn chứa một cạm bẫy nhỏ.
Claude Design là một sản phẩm do Anthropic cung cấp. Theo mọi thông tin, đó là một dịch vụ đăng ký trả phí, chạy trên đám mây của Anthropic và mã nguồn đóng. Không có cấp độ miễn phí nào mở khóa toàn bộ trải nghiệm tạo hiện vật, không có tùy chọn tự lưu trữ và không có cách nào để thay thế mô hình khác. Nếu bạn muốn sản phẩm Claude Design đúng nghĩa, bạn phải trả tiền cho Anthropic.

Vì vậy, “sử dụng Claude Design miễn phí” quy về một trong hai điều. Hoặc bạn muốn *quy trình làm việc* (mô tả thiết kế bằng ngôn ngữ tự nhiên, nhận lại một hiện vật tinh xảo) mà không phải trả tiền, hoặc bạn muốn giữ dữ liệu và lựa chọn mô hình của mình dưới sự kiểm soát của riêng bạn. Open Design đáp ứng cả hai. Đó là giải pháp thay thế mã nguồn mở sao chép mô hình tư duy ưu tiên hiện vật và loại bỏ sự phụ thuộc.
Open Design là gì?
Open Design (nhóm rút gọn là OD) là một môi trường thiết kế mã nguồn mở, ưu tiên cục bộ. Kho lưu trữ GitHub mô tả nó một cách rõ ràng: một giải pháp thay thế mã nguồn mở, hỗ trợ tác nhân, thay thế cho Claude Design. Nó đã nhận được hàng chục nghìn sao chỉ trong vài tuần ra mắt, điều này cho thấy có bao nhiêu người đang chờ đợi chính xác điều này.
Kiến trúc có ba lớp, và việc hiểu chúng giúp bạn thấy tại sao nó hoạt động:
- Giao diện người dùng web được xây dựng trên Next.js. Đây là giao diện trò chuyện và khung vẽ mà bạn thực sự sử dụng. Nó có thể chạy trên bất kỳ trình duyệt nào và thậm chí triển khai lên Vercel.
- Daemon cục bộ, một máy chủ Node.js nhỏ với cơ sở dữ liệu SQLite. Nó theo dõi các dự án, cuộc trò chuyện và hiện vật của bạn, đồng thời quét hệ thống của bạn để tìm các tác nhân lập trình đã cài đặt.
- Môi trường chạy tác nhân. Daemon khởi chạy một CLI tác nhân lập trình với thư mục dự án của bạn làm thư mục làm việc. Tác nhân đó đọc các mẫu thiết kế, ghi tệp và tạo ra hiện vật hoàn chỉnh.
Lớp thứ ba là phần thông minh. Open Design không đi kèm với mô hình riêng của nó. Nó mượn các tác nhân lập trình mạnh mẽ đã có sẵn trên máy tính xách tay của nhà phát triển. Daemon tự động phát hiện khoảng 16 trong số đó trên `PATH` của bạn: Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, Qwen, GitHub Copilot CLI, Kimi, và nhiều hơn nữa. Bất kỳ tác nhân nào bạn có sẽ trở thành công cụ thiết kế. Nếu bạn hiểu cách các công cụ này hoạt động bên dưới, bài viết của chúng tôi về kiến trúc khai thác tác nhân Claude Code là một tài liệu hữu ích để đọc kèm.
Trên đỉnh của tác nhân là hai thư viện thực hiện công việc nặng nhọc về chất lượng. Đầu tiên là một tập hợp các kỹ năng có thể kết hợp: nguyên mẫu web, bảng điều khiển, ứng dụng di động, trang đích SaaS, bố cục email, băng chuyền xã hội và bản trình bày. Thứ hai là một danh mục các hệ thống thiết kế được mô hình hóa theo các thương hiệu thực như Linear, Stripe, Vercel, Notion và Apple, mỗi hệ thống được ghi lại dưới dạng một tệp Markdown di động bao gồm màu sắc, kiểu chữ, khoảng cách, chuyển động và giọng điệu. Tác nhân đọc một kỹ năng và một hệ thống thiết kế trước khi tạo ra bất cứ điều gì, đó là lý do tại sao đầu ra trông có chủ đích thay vì ngẫu nhiên. Mẫu hình cung cấp hướng dẫn thiết kế có cấu trúc cho tác nhân AI này cũng là ý tưởng đằng sau tệp DESIGN.md cho tác nhân lập trình.
Open Design tạo ra các nguyên mẫu web, máy tính để bàn và di động, bản trình chiếu, hình ảnh và video ngắn. Nó xem trước mọi thứ trong một iframe biệt lập và xuất ra HTML, PDF, PPTX, ZIP, Markdown và MP4. Toàn bộ dự án được phát hành theo giấy phép Apache 2.0, vì vậy việc sử dụng thương mại là ổn.
Cách sử dụng Claude Design miễn phí: cài đặt Open Design theo ba cách
Bạn có ba cách cài đặt. Hãy chọn dựa trên mức độ kiểm soát mà bạn muốn. Cả ba cách đều dẫn đến cùng một kết quả: một studio thiết kế cục bộ chạy trong trình duyệt của bạn mà không tốn phí.
Tùy chọn 1: ứng dụng máy tính để bàn (nhanh nhất)
Nếu bạn muốn con đường ngắn nhất, hãy tải ứng dụng máy tính để bàn được tạo sẵn. Open Design phát hành các tệp nhị phân đã ký cho macOS (cả Apple Silicon và Intel) và Windows.
- Truy cập trang dự án tại open-design.ai hoặc trang phát hành GitHub.
- Tải xuống bản dựng phù hợp với hệ điều hành của bạn.
- Cài đặt và khởi chạy nó như bất kỳ ứng dụng bình thường nào.

Khi khởi chạy lần đầu, ứng dụng sẽ quét máy tính của bạn để tìm các tác nhân lập trình, tải các kỹ năng và hệ thống thiết kế của nó, và tạo một thư mục thời gian chạy cho các dự án của bạn. Không cần terminal, không cần bước xây dựng. Đây là lựa chọn đúng đắn nếu bạn là nhà thiết kế hoặc quản lý sản phẩm muốn trải nghiệm Claude Design mà không cần đụng đến dòng lệnh.
Tùy chọn 2: Docker
Nếu bạn muốn chạy Open Design như một dịch vụ đóng gói, có lẽ trên máy chủ gia đình hoặc một máy chủ dùng chung, Docker là một lựa chọn sạch sẽ và có thể lặp lại.
git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
docker compose up -d
Sau khi các container đã khởi động, hãy mở `http://localhost:7456` trong trình duyệt của bạn. Docker giữ cho quá trình cài đặt tách biệt với phần còn lại của hệ thống và giúp việc nâng cấp chỉ cần một dòng lệnh. Nếu bạn mới làm quen với các công cụ container hóa, tài liệu Docker chính thức sẽ trình bày những kiến thức cơ bản về `compose`.
Tùy chọn 3: từ mã nguồn
Chạy từ mã nguồn cung cấp cho bạn mã mới nhất và tùy chọn tự mình sửa đổi các kỹ năng hoặc hệ thống thiết kế. Open Design phát triển nhanh chóng, với sự phát triển tích cực diễn ra trên nhánh `main`, vì vậy các bản cài đặt từ mã nguồn sẽ nhận được các tính năng mới trước tiên.
Bạn sẽ cần Node.js phiên bản 24 hoặc gần đó, và pnpm 10.33.x. Sau đó:
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
corepack pnpm --version # kiểm tra xem nó có báo 10.33.x không
pnpm install
pnpm tools-dev run web
Lệnh `tools-dev` là trình quản lý tiến trình của Open Design. `run web` khởi động daemon và giao diện web cùng nhau ở chế độ nền trước. Một vài lệnh liên quan đáng biết:
| Lệnh | Chức năng |
|---|---|
pnpm tools-dev run web |
Khởi động daemon cộng với web, nền trước |
pnpm tools-dev start web |
Khởi động daemon cộng với web, nền sau |
pnpm tools-dev status |
Hiển thị các dịch vụ đang chạy |
pnpm tools-dev logs |
Theo dõi nhật ký của daemon và web |
pnpm tools-dev stop |
Dừng tất cả |
Nếu bạn đã từng sử dụng pnpm trước đây, điều này sẽ không làm bạn ngạc nhiên. Nếu chưa, `corepack enable` sẽ xử lý việc ghim phiên bản để bạn không phải vật lộn với trình quản lý gói của mình.
Lần chạy đầu tiên: kết nối Claude Code làm công cụ thiết kế của bạn
Dù bạn cài đặt bằng cách nào, lần chạy đầu tiên đều giống nhau. Open Design cần một công cụ, và bạn có hai cách để cung cấp cho nó.
Đường dẫn A, một tác nhân CLI. Đây là cách được khuyến nghị và rẻ nhất. Đảm bảo một tác nhân lập trình được hỗ trợ đã được cài đặt và nằm trong `PATH` của bạn. Nếu bạn muốn khớp gần nhất với Claude Design, hãy cài đặt Claude Code, vì cả hai đều chạy trên các mô hình của Anthropic. Daemon tự động phát hiện nó; không cần chỉnh sửa tệp cấu hình. Codex, Gemini CLI và Cursor Agent hoạt động tương tự. Tác nhân chạy với gói đăng ký Claude hoặc OpenAI hoặc Google của bạn, vì vậy Open Design không tăng thêm chi phí nào. Việc thiết lập Claude Code được trình bày trong hướng dẫn thiết lập Claude Agent SDK và gói Claude của chúng tôi.
Đường dẫn B, proxy BYOK. Không có CLI trên máy của bạn? Open Design cung cấp một proxy tương thích với OpenAI. Bạn dán khóa API cho Anthropic, OpenAI, Azure OpenAI, Google Gemini, Ollama, hoặc một máy chủ mô hình cục bộ, và daemon sẽ định tuyến các yêu cầu thông qua đó. Proxy chặn các cuộc tấn công giả mạo yêu cầu phía máy chủ ở biên của nó, vì vậy an toàn khi để lộ nội bộ. Đường dẫn này tốn tiền theo token, nhưng nó hoạt động mà không cần cài đặt bất kỳ tác nhân nào. Nếu bạn đang xử lý khóa API, hãy xử lý chúng cẩn thận; lưu ý của chúng tôi về bảo mật khóa API trong các tiện ích mở rộng trình chỉnh sửa cũng áp dụng ở đây.
Ollama đáng được nhắc đến. Kết nối Open Design với một mô hình Ollama cục bộ và toàn bộ vòng lặp chạy ngoại tuyến mà không có bất kỳ hóa đơn API nào. Đó là phiên bản đúng nghĩa nhất của “Claude Design miễn phí” mà bạn có thể xây dựng.
Tạo hiện vật thiết kế đầu tiên của bạn
Với một công cụ được kết nối, quy trình làm việc rất ngắn gọn. Đây là vòng lặp, từ đầu đến cuối.
- Chọn một kỹ năng. Chọn thứ bạn đang tạo: một trang đích SaaS, một bảng điều khiển, một màn hình ứng dụng di động, một email marketing hoặc một bản trình chiếu. Kỹ năng này cho tác nhân biết cần tải mẫu và danh sách kiểm tra nào.
- Chọn một hệ thống thiết kế. Muốn nó có cảm giác như Linear? Stripe? Chọn hệ thống phù hợp. Tác nhân sẽ tuân thủ các quy tắc màu sắc, kiểu chữ và khoảng cách của thương hiệu đó. Bỏ qua bước này và Open Design sẽ cung cấp năm hướng trực quan được chọn lọc thay thế: Editorial, Modern Minimal, Tech Utility, Brutalist và Soft Warm, mỗi hướng có một bảng màu và bộ phông chữ xác định.
- Gõ bản tóm tắt của bạn. Bằng ngôn ngữ tự nhiên. Chẳng hạn như `tạo cho tôi một bản trình bày theo phong cách tạp chí cho vòng gọi vốn hạt giống của chúng tôi` hoặc `thiết kế một trang định giá cho một công cụ API dành cho nhà phát triển`.
- Trả lời biểu mẫu khám phá. Trước khi mô hình tạo ra một pixel nào, một biểu mẫu câu hỏi ngắn sẽ bật lên. Nó chốt bề mặt, đối tượng, giọng điệu và bất kỳ ngữ cảnh thương hiệu nào. Đây là bước phân biệt Open Design với một hộp nhắc chung chung. Nó buộc đưa ra các quyết định mà một nhà thiết kế cấp cao sẽ hỏi trước tiên.
- Xem luồng kế hoạch. Tác nhân đăng một danh sách việc cần làm trực tiếp vào giao diện người dùng và đánh dấu hoàn thành các mục khi nó hoạt động. Bạn thấy quá trình xây dựng diễn ra thay vì nhìn chằm chằm vào biểu tượng quay tròn.
- Xem trước trong hộp cát. Hiện vật hoàn chỉnh hiển thị trong một iframe biệt lập trong vài giây. Việc biệt lập rất quan trọng; mã được tạo chạy cách ly với hệ thống của bạn, một ý tưởng mà chúng tôi đã đề cập trong CubeSandbox có ý nghĩa gì đối với các tác nhân AI.
- Xuất. Tải xuống dưới dạng HTML, PDF, PPTX, ZIP, Markdown hoặc MP4. Các hiện vật cũng nằm trên đĩa trong thư mục dự án, vì vậy bạn có thể mở và chỉnh sửa các tệp trực tiếp.
Bước biểu mẫu khám phá là người hùng thầm lặng ở đây. Hầu hết các công cụ thiết kế AI đều ngẫu hứng ngay khi bạn nhấn enter, và bạn dành hai mươi phút tiếp theo để sửa các giả định sai. Open Design đặt những câu hỏi đó lên trước, vì vậy bản nháp đầu tiên thường gần với những gì bạn muốn.
Đi xa hơn: kỹ năng, hệ thống thiết kế, BYOK và máy chủ MCP
Một khi những điều cơ bản đã rõ ràng, một vài tính năng khiến Open Design không còn giống một món đồ chơi mà giống một studio hơn.
Kỹ năng có thể chỉnh sửa. Mỗi kỹ năng là một thư mục với tệp `SKILL.md` và các tài sản hỗ trợ. Mở một tệp, thay đổi danh sách kiểm tra, thêm một mẫu bố cục, và tác nhân sẽ tuân theo phiên bản của bạn vào lần sau. Nếu công ty của bạn có một phong cách nội bộ, bạn có thể mã hóa nó một lần và tái sử dụng trong mọi dự án.
Hệ thống thiết kế là Markdown di động. Một hệ thống thiết kế trong Open Design không phải là một tệp nhị phân bị khóa bên trong một ứng dụng. Đó là Markdown thuần mô tả các token màu sắc, thang kiểu chữ, khoảng cách, thành phần và giọng điệu. Bạn có thể tự viết của riêng mình từ hướng dẫn thương hiệu của bạn trong một buổi chiều, đặt nó vào thư mục `design-systems`, và mọi hiện vật bạn tạo ra sau đó sẽ tuân thủ nó.
Proxy BYOK hỗ trợ nhiều nhà cung cấp. Proxy tương tự giúp mở khóa đường dẫn không CLI cũng cho phép bạn tự do chuyển đổi mô hình. Chạy một mô hình tiên tiến đắt tiền cho một bài thuyết trình khách hàng, sau đó chuyển sang một mô hình rẻ hoặc cục bộ cho các bản nháp thô. Bạn không bao giờ bị ràng buộc với một nhà cung cấp. Nếu bạn muốn so sánh chi phí và hiệu suất của các mô hình lớn, bài viết so sánh Gemini 3.5 vs GPT-5.5 vs Opus 4.7 của chúng tôi là một điểm khởi đầu hợp lý.
Một máy chủ MCP được tích hợp sẵn. Open Design bao gồm một máy chủ Giao thức Ngữ cảnh Mô hình (Model Context Protocol). Các tác nhân lập trình khác có thể kết nối với nó và truy vấn trực tiếp các tệp thiết kế của bạn, tìm nạp một hiện vật được tạo hoặc một tệp hệ thống thiết kế mà không cần bất kỳ thao tác xuất-nhập nào. Đây là điều khiến Open Design trở thành một phần của chuỗi công cụ lớn hơn chứ không phải là một hòn đảo biệt lập.
Tạo phương tiện được tích hợp sẵn. Ngoài bố cục, Open Design còn tạo hình ảnh cho poster và ảnh đại diện, và các video điện ảnh ngắn từ một lời nhắc văn bản. Nó cũng hỗ trợ đồ họa chuyển động HTML sang MP4. Một bản thiết kế có thể đi kèm với hình ảnh chính của riêng nó, tất cả từ cùng một cửa sổ.
Từ nguyên mẫu đến sản phẩm: kết hợp Open Design với Apidog
Đây là khoảng trống mà không ai đề cập trong các bản demo. Open Design cung cấp cho bạn một giao diện người dùng đẹp mắt. Một trang đích, một bảng điều khiển, một màn hình ứng dụng di động. Nhưng một nguyên mẫu chứa đầy dữ liệu giữ chỗ được mã hóa cứng không phải là một sản phẩm. Ngay khi người dùng thực nhấp vào một nút, màn hình đó cần một API phía sau nó.
Đây là nơi quy trình làm việc thiết kế gặp quy trình làm việc API, và là nơi Apidog phù hợp một cách tự nhiên vào bức tranh.
Giả sử Open Design đã tạo một bảng điều khiển công cụ dành cho nhà phát triển với biểu đồ sử dụng, bảng thanh toán và trang cài đặt. Để biến nó thành hiện thực, bạn cần các điểm cuối cho dữ liệu sử dụng, hồ sơ thanh toán và cài đặt tài khoản. Apidog cho phép bạn thiết kế các API đó một cách trực quan, với một trình chỉnh sửa ưu tiên schema tạo ra các thông số kỹ thuật OpenAPI sạch. Bạn xác định hình dạng của dữ liệu một lần.
Sau đó là phần kết hợp hoàn hảo với việc tạo nguyên mẫu nhanh chóng: mocking. Apidog tự động tạo một máy chủ giả (mock server) từ thiết kế API của bạn. Thay vì các số giả mà Open Design đã tích hợp vào nguyên mẫu, giao diện người dùng của bạn có thể gọi một điểm cuối giả trực tiếp trả về các phản hồi có cấu trúc, thực tế. Nguyên mẫu bắt đầu hoạt động như sản phẩm thực sự trước khi một dòng mã backend nào tồn tại. Công việc front-end và back-end tiến hành song song thay vì một bên phải chờ bên kia.
Khi backend thực sự được viết, Apidog cũng xử lý việc kiểm thử. Bạn xây dựng các kịch bản kiểm thử tự động với các xác nhận trực quan, không yêu cầu kịch bản, và kết nối chúng vào CI/CD để các điểm cuối hỗ trợ thiết kế của bạn luôn chính xác khi sản phẩm phát triển. Chế độ ưu tiên đặc tả trong Apidog giữ cho thiết kế và triển khai đồng bộ hóa suốt quá trình.
Có một sự đối xứng gọn gàng ở đây. Open Design sử dụng một tác nhân lập trình được điều khiển bởi các kỹ năng và một máy chủ MCP. Apidog cũng cung cấp các khả năng của mình cho các tác nhân AI và đi kèm với một trình gỡ lỗi tác nhân AI để kiểm tra cách các tác nhân đó gọi các điểm cuối của bạn. Cùng một tác nhân thiết kế giao diện của bạn có thể đọc đặc tả API của bạn và suy luận về cả hai nửa của ứng dụng. Thiết kế giao diện người dùng với Open Design, thiết kế API với Apidog, và một chuỗi công cụ sẽ đưa bạn từ ý tưởng đến sản phẩm hoạt động. Tải xuống Apidog và bạn có thể tạo mock cho điểm cuối đầu tiên trong thời gian Open Design render hiện vật đầu tiên của nó.
Open Design vs Claude Design vs Figma
Một so sánh nhanh, công bằng. Mỗi công cụ đều giỏi về một điều khác nhau.
| Yếu tố | Open Design | Claude Design | Figma |
|---|---|---|---|
| Giá | Miễn phí, Apache 2.0 | Đăng ký trả phí | Gói miễn phí cộng với gói trả phí |
| Mã nguồn | Mở | Đóng | Đóng |
| Lưu trữ | Cục bộ, tự lưu trữ hoặc Vercel | Chỉ trên đám mây | Đám mây |
| Công cụ AI | Bất kỳ tác nhân nào, BYOK hoặc mô hình cục bộ | Chỉ mô hình Anthropic | Thủ công, tiện ích bổ sung tính năng AI |
| Đầu ra | Các hiện vật mã, bản trình bày, hình ảnh, video | Các hiện vật thiết kế | Tệp thiết kế có thể chỉnh sửa |
| Hoạt động ngoại tuyến | Có, với mô hình cục bộ | Không | Hạn chế |
| Tốt nhất cho | Nhà phát triển và nhóm muốn kiểm soát | Trải nghiệm lưu trữ nhanh nhất | Thiết kế trực quan thủ công |
Claude Design thắng về sự tiện lợi. Nó được lưu trữ, trau chuốt và không cần cài đặt gì cả. Nếu bạn sẵn lòng trả tiền cho điều đó và không bao giờ cần tự lưu trữ, đó là một lựa chọn tốt. Figma vẫn là công cụ dành cho các nhà thiết kế muốn kiểm soát thủ công từng pixel và cộng tác trưởng thành. Open Design thắng về sự tự do: không phí phần mềm, không bị ràng buộc, bạn có quyền lựa chọn mô hình và tùy chọn chạy toàn bộ hệ thống trên phần cứng của riêng bạn. Đối với các nhà phát triển đã quen với CLI của tác nhân lập trình, đó là lựa chọn hiển nhiên.
Những sai lầm thường gặp cần tránh
Một vài cạm bẫy thường gặp đối với người dùng lần đầu. Bỏ qua chúng và quá trình thiết lập của bạn sẽ diễn ra suôn sẻ.
- Không có tác nhân nào trong `PATH` của bạn. Open Design không thể phát hiện những gì chưa được cài đặt. Nếu daemon báo cáo không có công cụ, hãy cài đặt một CLI được hỗ trợ hoặc cấu hình proxy BYOK. Chạy `which claude` hoặc `which gemini` xác nhận tác nhân hiển thị.
- Phiên bản Node hoặc pnpm sai. Cài đặt từ mã nguồn cần Node khoảng phiên bản 24 và pnpm 10.33.x. Một phiên bản Node cũ hơn sẽ gây ra lỗi xây dựng khó hiểu. Chạy `corepack enable` và để nó ghim đúng pnpm.
- Mong đợi không tốn phí với khóa API trả phí. Phần mềm là miễn phí; khóa API theo mức sử dụng thì không. Nếu bạn cắm khóa Anthropic hoặc OpenAI thông qua proxy BYOK, bạn sẽ trả tiền theo token. Để có chi phí bằng không thực sự, hãy sử dụng tác nhân mà bạn đã đăng ký, một CLI miễn phí, hoặc một mô hình Ollama cục bộ.
- Bỏ qua biểu mẫu khám phá. Thật hấp dẫn khi vội vàng bỏ qua những câu hỏi đó. Đừng làm vậy. Biểu mẫu là thứ giúp bản nháp đầu tiên chính xác. Hai phút trả lời câu hỏi sẽ tiết kiệm hai mươi phút chỉnh sửa.
- Coi bản xem trước là mã sản xuất. Đầu ra của Open Design là một điểm khởi đầu mạnh mẽ, không phải là một codebase đã hoàn thành, đã được kiểm tra. Hãy xem xét, tái cấu trúc nó và kết nối nó với các API thực trước khi triển khai. Kết hợp nó với kiểm thử API thích hợp để các điểm cuối phía sau thiết kế của bạn được duy trì.
- Bỏ qua nhánh `main`. Open Design phát triển nhanh chóng. Nếu một tính năng trong tài liệu không có trong bản dựng của bạn, bạn có thể đang sử dụng một bản phát hành cũ hơn. Người dùng từ mã nguồn có thể kéo `main`; người dùng tệp nhị phân nên kiểm tra các bản cập nhật.
Kết luận
Bạn không thể có sản phẩm Claude Design của Anthropic miễn phí, và việc giả vờ ngược lại chỉ lãng phí thời gian của bạn. Điều bạn *có thể* nhận được miễn phí là quy trình làm việc đã khiến Claude Design đáng để bàn tán: mô tả một thiết kế, nhận được một hiện vật tinh xảo, triển khai nó.
Những điểm chính cần nhớ:
- Open Design là giải pháp thay thế mã nguồn mở, theo giấy phép Apache-2.0, tái tạo quy trình làm việc của Claude Design mà không tốn phí phần mềm.
- Nó chạy cục bộ, thông qua Docker, hoặc từ mã nguồn, và ứng dụng máy tính để bàn không cần terminal nào cả.
- Nó sử dụng CLI tác nhân lập trình làm công cụ của mình, vì vậy nếu bạn đã có Claude Code, Codex, hoặc Gemini CLI, bạn không phải trả thêm bất kỳ chi phí nào.
- Một mô hình Ollama cục bộ giúp toàn bộ vòng lặp miễn phí và ngoại tuyến.
- Các kỹ năng có thể chỉnh sửa và hệ thống thiết kế Markdown di động cho phép bạn mã hóa thương hiệu của riêng mình một lần và tái sử dụng ở mọi nơi.
- Một giao diện người dùng đã tạo vẫn cần một backend; thiết kế API và tạo mock cho nó bằng Apidog để nguyên mẫu của bạn hoạt động như một sản phẩm thực sự.
Bước tiếp theo: cài đặt Open Design theo cách phù hợp với bạn, kết nối nó với một tác nhân và tạo một hiện vật. Sau đó tải xuống Apidog, thiết kế API đằng sau hiện vật đó và khởi động một máy chủ mock. Hai công cụ miễn phí, một con đường từ ý tưởng đến sản phẩm hoạt động.
