- Reshaped เป็นโปรเจกต์ที่มอบไลบรารีคอมโพเนนต์สำหรับ React และ Figma ให้กับนักออกแบบและนักพัฒนา
- เดิมใช้รูปแบบไลเซนส์แบบเสียเงิน แต่ตอนนี้ได้ เปลี่ยนเป็นโอเพนซอร์สเต็มรูปแบบ แล้ว
- การเปิดเป็นโอเพนซอร์สทำให้สามารถเข้าถึงทั้งซอร์สโค้ดและไลบรารีดีไซน์ได้ผ่าน GitHub และ Figma Community
- โปรเจกต์นี้ช่วย เสริมความเชื่อมโยงระหว่างงานออกแบบกับวิศวกรรม และนำเสนอแนวปฏิบัติที่ดีที่สุดซึ่งสามารถนำไปใช้ในงานจริงได้ทันที
- ผู้ซื้อเดิมจะยังคงได้รับ อัปเดต และการสนับสนุนต่อไป
เบื้องหลังการเปลี่ยน Reshaped เป็นโอเพนซอร์ส
- แรงจูงใจในการเริ่มโปรเจกต์ Reshaped เมื่อราว 5 ปีก่อน คือความต้องการ ไลบรารีคอมโพเนนต์ ที่ใช้ได้ทั้งใน React และ Figma
- จากประสบการณ์ทำงานกับดีไซน์ซิสเต็มมากว่า 10 ปี ทำให้เข้าใจอย่างชัดเจนถึง ปัญหาที่เกิดขึ้นซ้ำ ๆ ในดีไซน์ซิสเต็ม และมาตรฐานที่ดี
- พบว่าเว็บกว่า 80% ยังถูกสร้างอยู่บนหลักการออกแบบแกนกลางที่คล้ายกัน จึงออกแบบระบบที่ครอบคลุมสิ่งเหล่านี้ในวงกว้าง พร้อมทั้งมอบ ยูทิลิตีระดับล่างให้ดีเวลลอปรับใช้กับอีก 20% ที่เหลือได้อย่างยืดหยุ่น
- ตั้งแต่แรกไม่ได้มุ่งเน้นเฉพาะเรื่องการเข้าถึงหรือดีไซน์เพียงด้านเดียว แต่ให้ความสำคัญกับการแก้โจทย์งานจริงหลายด้านร่วมกัน เช่น การจัดแนวระหว่างดีไซน์กับวิศวกรรม, UI theme, dark mode และ micro-animation
เส้นทางจากโมเดลเสียเงินสู่การตัดสินใจเปิดโอเพนซอร์ส
- ในช่วงแรก เพื่อให้โปรเจกต์ดำเนินต่อได้อย่างยั่งยืน จึงเลือกใช้โมเดลการขาย ไลเซนส์แบบเสียเงินสำหรับบุคคลและทีม
- แนวทางนี้ช่วยให้สามารถโฟกัสกับคอมมูนิตี้ขนาดเล็กมากขึ้น และตอบสนองต่อรายงานบั๊กกับคำขอฟีเจอร์ได้อย่างลึกซึ้ง
- มีความตั้งใจมาโดยตลอดว่าสักวันหนึ่งอยากยกเลิกกำแพงการจ่ายเงิน และเมื่อ 2 ปีก่อนก็เริ่มเปิด React package ให้ใช้ฟรีก่อน ซึ่งเปิดโอกาสใหม่ ๆ ตามมา
- ตอนนี้ได้ เปิดซอร์สโค้ดทั้งหมดและไลบรารี Figma เป็นโอเพนซอร์ส แล้ว โดย React ใช้งานได้บน GitHub และ Figma ใช้งานได้บน Figma Community
ความหมายและผลที่คาดหวังจากการเปิดโอเพนซอร์ส
- Reshaped คือ เครื่องมือที่เชื่อมสะพานระหว่างงานออกแบบกับวิศวกรรม ซึ่งช่วยให้ทั้งสองฝั่งเรียนรู้แนวปฏิบัติที่ดีที่สุดในการสร้างดีไซน์ซิสเต็มที่ขยายต่อได้
- เมื่อซอร์สของไลบรารีถูกเปิดเผยแล้ว ก็จะสามารถ แบ่งปันกระบวนการลงมือสร้างจริงได้อย่างโปร่งใส ทุกครั้งที่มีฟีเจอร์ใหม่ถูกเพิ่มเข้ามา
- ฟีเจอร์ใหม่ของ Figma หรือ React ก็สามารถ นำตัวอย่างจาก Reshaped ไปใช้เป็น benchmark ได้ล่วงหน้า ก่อนนำไปใช้กับดีไซน์ซิสเต็มของบริษัท
แผนต่อจากนี้และการสนับสนุนคอมมูนิตี้
- ไลบรารีคอมโพเนนต์ของ Reshaped จะยังคง ขยายต่อไป ในอนาคต
- ผู้ซื้อแบบเสียเงินเดิมจะยังคงได้รับ อัปเดตและการสนับสนุนในอนาคต อย่างต่อเนื่องโดยไม่มีการเปลี่ยนแปลง
- ช่องทางการสื่อสารเดิมก็จะยังคงไว้เช่นเดิม
- ต่อจากนี้กำลังพิจารณาเพิ่ม คอมโพเนนต์พรีเมียมที่ล้ำขึ้นและใช้งานได้ดีขึ้น บนไลบรารีแกนหลัก
- จะไม่ได้เน้นฟีเจอร์แบบแยกส่วนอย่างเลย์เอาต์หน้าแลนดิ้งเพจ 50 แบบ แต่จะเน้น คอมโพเนนต์ระดับยากที่ต้องใช้ CSS ที่ซับซ้อนและลอจิก React
การตัดสินใจคืนสิ่งนี้ให้คอมมูนิตี้
- หลังจากดูแลแบบ closed source มานาน 5 ปี ตอนนี้ได้ตัดสินใจ คืนทุกอย่างกลับสู่คอมมูนิตี้ และกำลังตั้งตารอความสนุกบทใหม่
ยังไม่มีความคิดเห็น