Giải pháp thay thế mã nguồn mở cho Figma
Figma rất xuất sắc và nó sẽ không biến mất. Nhưng định dạng tệp là độc quyền, chỗ ngồi là gói thuê bao, và canvas thì sống trên đám mây của người khác. Đây là một nhận định trung thực: khi nào Figma vẫn là câu trả lời — và khi nào việc sở hữu một quy trình làm việc agent-native, ưu tiên cục bộ sẽ thắng.
Figma rất xuất sắc. Chúng tôi đã dùng nó để giao ra những sản phẩm thật trong nhiều năm, và đây không phải là một bài viết kiểu «Figma đã chết» — hoàn toàn không phải vậy. Việc chúng tôi xây một lớp skill mã nguồn mở thay vì làm thêm một canvas nữa không phải là lời than phiền về tay nghề của Figma. Đó là một ván cược: thập kỷ tiếp theo của công việc thiết kế sẽ trông ít giống «một con trỏ trên canvas vô hạn» hơn, và giống «một agent mà bạn vốn đã trả tiền, vận hành một quy trình làm việc mà bạn thực sự sở hữu» hơn. Bài viết này là một nhận định trung thực về Figma từ một đội ngũ đang xây dựng trong cùng phân khúc: nó làm tốt nhất điều gì, nó khóa bạn lại ở đâu, con đường mã nguồn mở thực sự trông ra sao, và quý này bạn nên chọn cái nào.
Figma thực chất là gì
Figma là công cụ thiết kế cộng tác mặc định. Một canvas đa người dùng thời gian thực ngay trong trình duyệt, kèm Dev Mode để bàn giao, FigJam để làm bảng trắng, một chợ plugin sâu rộng, và một tập hợp các tính năng AI ngày càng nhiều được gắn lên cùng một bề mặt. Định giá theo chỗ ngồi mỗi tháng, phân tầng theo vai trò và theo tổ chức.
Có một vài thứ nó làm tốt hơn bất kỳ công cụ nào khác:
- Cộng tác trên canvas thời gian thực. Năm người trong cùng một tệp, con trỏ hiển thị trực tiếp, bình luận ngay tại chỗ. Không có gì trong thế giới mã nguồn mở sánh được với độ hoàn thiện đa người dùng đó.
- Công việc vector chính xác đến từng pixel. Auto Layout, ràng buộc, variant, component — các nguyên thủy của canvas đã trưởng thành và trí nhớ cơ bắp ăn sâu.
- Một hệ sinh thái plugin khổng lồ. Một thập kỷ tích lũy plugin bên thứ ba, tệp cộng đồng và mẫu mà bạn có thể thả vào dùng ngay.
- Quy trình bàn giao mà các đội đã quen thuộc. Dev Mode, inspect, đường đỏ chú thích, và một quy trình làm việc mà kỹ sư đã được huấn luyện nhiều năm.
Nếu công việc của bạn là một nhà thiết kế vẽ những màn hình chính xác để người khác review trên một canvas chia sẻ, Figma vẫn là câu trả lời, và là một câu trả lời tốt. Những khác biệt đáng quan tâm nằm ở một lớp sâu hơn — ở chỗ ai sở hữu tệp, quy trình làm việc, và đường cong chi phí.
Nó khóa bạn lại ở đâu
Figma mang theo bốn mảnh khóa-vào đáng nói thẳng ngay từ đầu, vì các trang định giá sẽ không nói.
Tệp là độc quyền. Thiết kế của bạn sống trong định dạng của Figma, bên trong máy chủ của Figma. Bạn có thể xuất PNG và đặc tả cho dev, nhưng nguồn sự thật — component, variant, hệ thống thiết kế sống — chỉ hoàn toàn đọc được bên trong Figma. Không có một phiên bản văn bản thuần nào của công việc của bạn sống sót được bên ngoài công cụ.
Runtime được lưu trữ trên máy chủ. Canvas chính là đám mây. Đối với công việc của agency, hay sáng tạo trước khi ra mắt dưới NDA, «tệp này sống ở đâu» là một cuộc đàm phán mua sắm, chứ không phải một tùy chọn cài đặt. Chỉ-cục-bộ không phải là một chế độ.
Plugin không di động được. Hệ sinh thái plugin của Figma thật và sâu — nhưng mọi plugin đều chạy bên trong runtime của Figma, đối với API của Figma. Một quy trình làm việc bạn xây ở đó không thể được nhấc ra và chạy bởi một agent trên laptop của bạn, cũng không thể được ghép vào một pipeline không bắt đầu từ canvas của Figma.
Hóa đơn luôn tính theo chỗ ngồi, mãi mãi. Chỗ ngồi thuê bao thì ổn với một đội thiết kế ổn định. Chúng trở nên lúng túng với một tổ chức đang tăng trưởng nhanh, và là điều bất khả thi với cái đuôi dài gồm những người đóng góp, nhà thầu, và cộng tác viên một lần — những người vốn cũng có thể tiếp nhận cùng một quy trình làm việc.
Không cái nào trong số này là lỗi. Chúng là hình hài của một sản phẩm canvas cộng tác được lưu trữ trên máy chủ, và Figma là phiên bản tốt nhất của hình hài đó. Chỉ là chúng tôi không xây cho canvas — chúng tôi xây cho agent.
Sự chuyển dịch mà Open Design đặt cược
Open Design không phải là một bản sao của Figma. Ở đây không có canvas vô hạn và không có con trỏ đa người dùng. Nó là một lớp skill mỏng biến chính cái agent lập trình mà bạn đã dùng thành một cỗ máy thiết kế. Bốn nguyên thủy là skill, system, adapter và daemon — và phần quan trọng là tất cả chúng chỉ là các tệp:
- Mỗi skill là một tệp
SKILL.mdmà bạn có thể đọc, fork, và gửi lại dưới dạng PR. - Mỗi hệ thống thiết kế là một tệp
DESIGN.mddi động — bao gồm cả cái mà chúng tôi ship cho chính Figma. Bạn có thể mở nó trong bất kỳ trình soạn thảo nào, diff nó trong git, và nó sống lâu hơn bất kỳ công cụ nào đọc nó kế tiếp. - Mỗi agent adapter là khoảng 80 dòng TypeScript.
Cái mà điều đó mang lại cho bạn chính là mặt đối lập của bốn mảnh khóa-vào ở trên:
- Tệp là văn bản thuần. Skill và system là Markdown trong một repo. Hệ thống thiết kế của bạn đọc được mà không cần công cụ.
- Runtime nằm cục bộ. Nó chạy trên laptop của bạn qua
pnpm tools-dev, hoặc bạn tự triển khai. Prompt đi tới nhà cung cấp mô hình mà bạn đã chọn — không có gì đi qua chúng tôi. - Quy trình làm việc di động được. Một skill là một thư mục. Nó ghép được vào bất kỳ agent nào trên
$PATHcủa bạn, chứ không phải runtime plugin của một nhà cung cấp duy nhất. - BYOK theo mặc định. Dán vào bất kỳ
base_urlvà key tương thích OpenAI nào; token của bạn đi thẳng tới nhà cung cấp. Apache-2.0, không cần đăng ký, không có hóa đơn tính theo chỗ ngồi.
Mô hình tư duy là thế này: Figma là một canvas bạn thuê. Open Design là một quy trình làm việc bạn sở hữu.
Đối chiếu song song
| Figma | Open Design | |
|---|---|---|
| Giấy phép | Độc quyền | Apache-2.0 |
| Runtime | Lưu trữ trên máy chủ (trình duyệt, đám mây Figma) | Daemon cục bộ (pnpm tools-dev) + tự lưu trữ tùy chọn |
| Định dạng tệp nguồn | .fig độc quyền | SKILL.md / DESIGN.md văn bản thuần trong một repo |
| Bề mặt chính | Canvas đa người dùng thời gian thực | Sinh ra do agent vận hành + xem trước trong sandbox |
| Mô hình / AI | Các tính năng AI riêng của Figma | Bất kỳ endpoint tương thích OpenAI nào + các CLI agent lập trình được phát hiện |
| Plugin | Chợ ứng dụng, chạy bên trong Figma | Thư mục skill fork được, bất kỳ agent nào cũng chạy được |
| Hệ thống thiết kế | Thư viện Figma (trong công cụ) | Các tệp DESIGN.md di động (gồm cả một bản cho Figma) |
| Định giá | Thuê bao theo chỗ ngồi | Miễn phí; bạn trả thẳng cho nhà cung cấp mô hình |
| Bàn giao | Dev Mode, inspect, đường đỏ | Bất kỳ agent nào trên $PATH, cùng với xuất HTML / PDF / PPTX / ZIP |
| Tự lưu trữ được | Không | Có (laptop hoặc bản triển khai của riêng bạn) |
| Đường đi dữ liệu | Tệp → đám mây Figma | Prompt → nhà cung cấp bạn chọn; không có gì đi qua chúng tôi |
Tóm tắt một cách trung thực: Figma có trải nghiệm canvas cộng tác hoàn thiện nhất trên thị trường, và với một đội ngũ các nhà thiết kế cùng review những màn hình chính xác, độ hoàn thiện đó chính là sản phẩm. Open Design thì đánh đổi toàn bộ canvas để lấy một thư viện — skill, system và agent, được thiết kế để ghép với công cụ vốn đã có trên laptop của bạn. Hình hài khác, ván cược khác.
Ai nên chọn cái gì
| Nếu bạn là… | Chọn |
|---|---|
| Một đội thiết kế làm công việc canvas đa nhà thiết kế thời gian thực với review trực tiếp | Figma. Không có gì trong thế giới mã nguồn mở sánh được với canvas đa người dùng. |
| Một nhà thiết kế làm công việc vector và component chính xác đến từng pixel cả ngày | Figma. Các nguyên thủy của canvas đã trưởng thành và trí nhớ cơ bắp của bạn đáng giá tiền thật. |
| Một tổ chức đã chuẩn hóa trên Figma với Dev Mode trong vòng lặp kỹ thuật | Figma. Bạn đã trả chi phí tích hợp rồi; hãy tiêu nó đi. |
| Một kỹ sư thiết kế vốn đã vận hành Claude Code, Codex hay Cursor từ terminal | Open Design. Agent của bạn chính 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, đổi mô hình giữa chừng dự án, hoặc xử lý chỉ-cục-bộ cho những bản brief nhạy cảm | Open Design. Thực tế thô ráp hơn lời quảng cáo, nhưng đây là khế ước duy nhất thực sự đứng vững. |
| Một đội muốn có một hệ thống thiết kế sống sót qua các đợt 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. |
| Một người đóng góp mã nguồn mở muốn ship một quy trình làm việc thiết kế 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. |
Chiều quyết định với phần lớn các đội không phải là chất lượng — tay nghề của Figma là thật. Mà là: công việc của bạn là một canvas để vẽ lên, hay một quy trình làm việc để tự động hóa. Nếu là vế sau, bạn sẽ thích sở hữu nó hơn là thuê nó.
Làm gì tiếp theo
Nếu bạn đã có một công việc Figma lặp đi lặp lại — xuất những frame này, đồng bộ những token kia, dựng lại cái mẫu deck đó — cách nhanh nhất để cảm nhận sự khác biệt là chuyển một trong số chúng thành một plugin. Hãy bắt đầu với một tác vụ nhỏ phiền toái, lặp đi lặp lại, chứ không phải «thay thế Figma».
Hoặc chỉ cần chạy phần khởi động nhanh ba lệnh và trỏ nó tới mô hình mà bạn vốn đã trả tiền. Toàn bộ thứ này sống trong một repo và deck đầu tiên mất khoảng mười phút.
Hãy thử quy trình làm việc mã nguồn mở này.
Đọc thêm
- Cách chuyển một quy trình làm việc Figma thành một plugin Open Design — con đường cụ thể cho một lần xuất, đồng bộ token, hoặc bộ kit thương hiệu
- Giải pháp thay thế mã nguồn mở cho Claude Design — cùng một nhận định trung thực, đổi sang một công cụ khác
- Vì sao chúng tôi xây Open Design như một lớp skill, chứ không phải một sản phẩm — bản tuyên ngôn dài hơi hơn đằng sau ván cược «là lớp, không phải sản phẩm»