UI3: การออกแบบอินเทอร์เฟซใหม่ครั้งใหญ่โดยยึดผู้ใช้เป็นศูนย์กลาง
- UI3 คือการเปลี่ยนแปลงอินเทอร์เฟซครั้งใหญ่ที่สุดของ Figma นับตั้งแต่ปี 2019 โดยถูกสร้างขึ้นใหม่เพื่อลดความซับซ้อนและเพิ่มพื้นที่สำหรับการทำงานร่วมกันของทีม
- ในการทดสอบเบต้าเริ่มแรก พบว่าพาเนลลอย (floating panels) ทำให้ความเร็วในการทำงานลดลง
- จากคำติชมของผู้ใช้ จึงเปลี่ยนพาเนลให้เป็นแบบ dock เพื่อให้ปรับขนาดได้
- เพิ่มรายละเอียดเล็ก ๆ เช่น การเลื่อนแนวนอน เพื่อให้สภาพแวดล้อมการแก้ไขใช้งานได้อย่างเป็นธรรมชาติมากขึ้น
- การปรับปรุงหลัก:
- เข้าถึงเครื่องมือหลักและฟีเจอร์ AI ได้อย่างรวดเร็วผ่านแถบเครื่องมือด้านล่างและเมนู Actions
- ปรับปรุง เครื่องมือดูดสี: ใช้สไตล์ซ้ำ เปลี่ยนรูปแบบสี และสร้างตัวแปรใหม่ได้
เสริมความแข็งแกร่งให้ฟีเจอร์หลัก: Multi-edit และการเพิ่มประสิทธิภาพ
- Multi-edit: รองรับรูปแบบการทำงานที่หลากหลายและช่วยเพิ่มประสิทธิภาพในการทำงานร่วมกัน
- ด้านตัวอักษร:
- รองรับการเขียนทับสไตล์ข้อความ (ตัวเอียง ตัวหนา ขีดเส้นใต้ ฯลฯ)
- ปรับปรุงเครื่องมือเลือกฟอนต์ และสามารถตั้งค่าระยะห่างย่อหน้าที่ผสมกันภายในโหนดข้อความเดียวได้
- การปรับปรุงประสิทธิภาพ:
- การโหลดหน้าแบบไดนามิก สำหรับจัดการไฟล์ขนาดใหญ่ได้อย่างมีประสิทธิภาพ
- ปรับการใช้หน่วยความจำให้เหมาะสมและรองรับการทำงานร่วมกันแบบ multiplayer ได้อย่างลื่นไหล
- ปรับปรุงเครื่องมือจัดการทีม:
- เพิ่มเครื่องมือจัดระเบียบ เช่น การปักหมุดไฟล์, ตัวกรองการค้นหา, เส้นแบ่งหน้า
ฟีเจอร์ AI: ลดแรงเสียดทานในเวิร์กโฟลว์งานออกแบบ
- การค้นหาด้วยภาพ: อัปโหลดรูปภาพหรือพื้นที่บน canvas เพื่อค้นหาไฟล์และคอมโพเนนต์ที่ต้องการได้อย่างรวดเร็ว
- การสร้างและแปลงข้อความ:
- แทนที่ข้อความ แปลภาษา สรุปความ และแทรกข้อความที่สมจริง
- การสร้างและแก้ไขภาพ:
- มีฟีเจอร์สร้างภาพด้วย AI และลบพื้นหลัง
- FigJam:
- ใช้ AI mind map เพื่อช่วยมองเห็นไอเดียเป็นภาพ และสร้างสื่อพรีเซนเทชัน Figma Slides โดยอัตโนมัติ
Figma Slides: เครื่องมือพรีเซนเทชันที่เน้นการทำงานร่วมกัน
- มีโหมดพรีเซนเทชันบนพื้นฐานความสามารถด้านการทำงานร่วมกันของ Figma
- รักษาความสม่ำเสมอด้วย smart templates
- เพิ่มฟีเจอร์ โพลแบบเรียลไทม์และการโต้ตอบ
- สามารถสร้างโครงร่าง slide deck ได้อัตโนมัติจากบอร์ด FigJam
Design system: เพิ่มความสามารถในการขยายและความยืดหยุ่น
- เสริมการควบคุมข้อความด้วย ตัวแปรด้านตัวอักษร
- ฟีเจอร์ตัวแปรใหม่ของคุณสมบัติคอมโพเนนต์:
- ช่วยคง design system ไว้ได้โดยไม่ต้องแยก instance
- เริ่มกระบวนการออกแบบได้เร็วขึ้นด้วย UI kit ที่เตรียมไว้พร้อมใช้งาน
เครื่องมือสำหรับนักพัฒนา: Dev Mode และ Code Connect
- การปรับปรุง Dev Mode:
- เพิ่ม เครื่องมือคอมเมนต์ สำหรับการทำงานร่วมกันระหว่างดีไซน์และการพัฒนา
- ผสานบริบทของงานออกแบบเข้าสู่ตัวแก้ไขโค้ดโดยตรงผ่านส่วนขยาย VS Code
- Code Connect:
- ให้ production code snippets เพื่อเพิ่มความสอดคล้องระหว่าง design system และโค้ด
การมีส่วนร่วมของคอมมูนิตี้: ปลั๊กอินและเทมเพลต
- ปลั๊กอินที่น่าสนใจ:
- LottieFiles: สร้างแอนิเมชัน
- Peppercorn: สร้างสไตล์ข้อความ
- Vector to 3D: แปลงดีไซน์เป็น 3D
- เทมเพลตที่น่าสนใจ:
- มีการแชร์เทมเพลต FigJam มากกว่า 500 รายการ
- มีทรัพยากรด้านการออกแบบและเทมเพลตสร้างสรรค์หลากหลาย
อีเวนต์ระดับโลกและการเติบโตของคอมมูนิตี้
- Config 2024: มีผู้เข้าร่วมมากกว่า 10,000 คน เพื่อสำรวจอนาคตของการออกแบบและการพัฒนา
- Friends of Figma: มีกลุ่มท้องถิ่น 220 กลุ่ม และจัดงานมากกว่า 500 ครั้ง
- แบ่งปันประสบการณ์ที่จับต้องได้และมีความหมายโดยมีคอมมูนิตี้เป็นศูนย์กลาง
- ในปี 2024 Figma มุ่งเน้นการลดช่องว่างระหว่างการออกแบบกับการพัฒนา ระหว่างไอเดียกับการพรีเซนต์ และระหว่างจินตนาการกับความเป็นจริง
- ในปี 2025 มีแผนจะขยายขอบเขตความเป็นไปได้ของเครื่องมือออกแบบให้กว้างขึ้นไปพร้อมกับคอมมูนิตี้
1 ความคิดเห็น
ครั้งนี้ตอนเตรียม GeekNight ผมได้ทำงานด้านดีไซน์ด้วย Figma
แค่มองอยู่ข้าง ๆ แบบเหลือบ ๆ ก็ยังรู้สึกเลยว่าสะดวกจนน่าทึ่งจริง ๆ
คิดว่าไม่ใช่แค่นักออกแบบ แต่ฝั่งนักพัฒนาก็น่าจะลองใช้ดูและเรียนรู้วิธีการทำงานของพวกเขาด้วย