- Reshaped là một dự án cung cấp thư viện component cho React và Figma dành cho nhà thiết kế và lập trình viên
- Ban đầu dự án được cung cấp theo hình thức giấy phép trả phí, nhưng nay đã chuyển hoàn toàn sang mã nguồn mở
- Với việc mã nguồn mở hóa, giờ đây có thể sử dụng cả mã nguồn lẫn thư viện thiết kế trên GitHub và Figma Community
- Dự án này giúp tăng cường sự kết nối giữa thiết kế và kỹ thuật, đồng thời đưa ra các best practice có thể áp dụng ngay trong công việc thực tế
- Những người mua trước đây vẫn sẽ tiếp tục nhận được cập nhật và hỗ trợ trong tương lai
Bối cảnh Reshaped chuyển sang mã nguồn mở
- Khoảng 5 năm trước, động lực để bắt đầu dự án Reshaped là vì cần một thư viện component có thể dùng trong cả React và Figma
- Dựa trên hơn 10 năm kinh nghiệm làm việc với design system, nhóm phát triển hiểu rõ các vấn đề thường gặp trong design system cũng như những tiêu chuẩn tốt cần có
- Họ nhận ra rằng 80% web vẫn được xây dựng trên những nguyên tắc thiết kế cốt lõi tương tự nhau, nên đã thiết kế một hệ thống vừa bao phủ rộng rãi phần đó, vừa cung cấp các utility cấp thấp để lập trình viên linh hoạt xử lý 20% còn lại
- Ngay từ đầu, dự án không chỉ tập trung riêng vào accessibility hay thiết kế, mà nhấn mạnh vào việc đồng bộ giữa thiết kế và kỹ thuật cũng như UI theme, dark mode, micro-animation và nhiều bài toán thực tiễn khác
Quá trình từ mô hình trả phí đến quyết định mã nguồn mở
- Để duy trì tính bền vững của dự án, ban đầu nhóm đã chọn hình thức bán giấy phép trả phí cho cá nhân và đội nhóm
- Nhờ đó, họ có thể tập trung hơn vào một cộng đồng nhỏ và phản hồi sâu sát với các báo cáo lỗi cũng như yêu cầu tính năng
- Họ luôn mong muốn một ngày nào đó có thể gỡ bỏ rào cản trả phí, và 2 năm trước đã mở miễn phí gói React trước, từ đó mở ra những khả năng mới
- Giờ đây, toàn bộ mã nguồn và thư viện Figma đã được công khai mã nguồn mở, với React có trên GitHub và Figma có trên Figma Community
Ý nghĩa và hiệu quả kỳ vọng của việc chuyển sang mã nguồn mở
- Reshaped là công cụ bắc cầu giữa thiết kế và kỹ thuật, giúp cả hai phía học hỏi các best practice để xây dựng design system có khả năng mở rộng
- Khi mã nguồn của thư viện được công khai, mỗi khi có tính năng mới được đưa vào, họ có thể chia sẻ minh bạch quá trình triển khai thực tế
- Các tính năng mới của Figma hay React cũng có thể được benchmark trước thông qua các ví dụ của Reshaped trước khi áp dụng vào design system của công ty
Kế hoạch sắp tới và hỗ trợ cộng đồng
- Thư viện component của Reshaped sẽ tiếp tục được mở rộng trong tương lai
- Những người mua trả phí trước đây vẫn sẽ tiếp tục nhận cập nhật và hỗ trợ trong tương lai như cũ
- Các kênh liên lạc hiện tại cũng sẽ được giữ nguyên
- Trong thời gian tới, nhóm đang cân nhắc bổ sung các component premium cao cấp hơn và có tính khả dụng cao hơn trên nền thư viện cốt lõi
- Trọng tâm không phải là các tính năng rời rạc như 50 bố cục landing page, mà là các component độ khó cao đòi hỏi CSS phức tạp và logic React
Quyết định hoàn trả lại cho cộng đồng
- Sau 5 năm vận hành theo mô hình closed source, giờ đây họ trao lại mọi thứ cho cộng đồng và đang chờ đón niềm vui mới
Chưa có bình luận nào.