Figma เปิดตัวโหมด Dev, ตัวแปร และการสร้างต้นแบบที่ได้รับการปรับปรุงเพื่อเชื่อมช่องว่างระหว่างการออกแบบและการพัฒนา

Figma เปิดเผยฟีเจอร์ใหม่มากมายสำหรับแพลตฟอร์มการออกแบบผลิตภัณฑ์ในระหว่างการประชุม Config ประจำปีที่ซานฟรานซิสโก จุดมุ่งหมายคือการเชื่อมช่องว่างระหว่างการออกแบบและการพัฒนา ปรับปรุงการทำงานร่วมกัน และเพิ่มความคล่องตัวในกระบวนการสร้างสรรค์ คุณลักษณะที่ประกาศ ได้แก่ สภาพแวดล้อมการทำงานเฉพาะสำหรับนักพัฒนาที่เรียกว่าโหมด Dev ตัวแปรการออกแบบ และการสร้างต้นแบบขั้นสูง

ที่น่าสนใจกว่าหนึ่งในสามของผู้ใช้รายสัปดาห์ของ Figma เป็นนักพัฒนา แม้ว่าแพลตฟอร์มจะเป็นเครื่องมือออกแบบเป็นหลักก็ตาม Avantika Gomes หัวหน้าฝ่ายผลิตภัณฑ์ของ Figma ระบุว่าคุณลักษณะนี้เป็นไปตามธรรมชาติของแพลตฟอร์มบนเว็บ ซึ่งเชิญชวนผู้ทำงานร่วมกัน เช่น นักพัฒนา

Dev Mode มีอินเทอร์เฟซแยกต่างหากสำหรับนักออกแบบและนักพัฒนาในการทำงานในการออกแบบเดียวกันภายในไฟล์เดียวกันในขณะที่ทำงานในโหมดต่างๆ การตั้งค่านี้ช่วยลดความจำเป็นในการอัปเดตเวอร์ชันและการสนทนาไปมาระหว่างสองบทบาทนี้ นักพัฒนาสามารถเข้าถึงข้อมูลสำคัญในขณะที่สร้างตัวอย่างโค้ด CSS, iOS และ Android ที่พร้อมใช้งานจริง Dev Mode ยังเชื่อมต่อกับเครื่องมือต่างๆ เช่น Jira, GitHub และ Storybook เพื่อให้เวิร์กโฟลว์ทำงานอัตโนมัติได้อย่างราบรื่น

นอกจากนี้ โหมด Dev ช่วยให้สามารถเชื่อมโยงระบบการออกแบบใน Figma กับรหัสส่วนประกอบและเอกสารประกอบได้ ฟังก์ชันนี้ช่วยให้ตรวจสอบไฟล์ Figma ทำงานร่วมกับนักออกแบบ และรับการแจ้งเตือน Figma ได้ง่ายโดยไม่ต้องออกจากโปรแกรมแก้ไขโค้ด นักพัฒนายังสามารถใช้ป้ายกำกับเพื่อติดตามสถานะการออกแบบ จัดระเบียบไฟล์การออกแบบตามขั้นตอนการพัฒนา และเปรียบเทียบการเปลี่ยนแปลงได้อย่างรวดเร็ว

นอกจากโหมด Dev แล้ว Figma ยังแนะนำตัวแปรการออกแบบเพื่อปรับปรุงกระบวนการสร้างและดูแลแบรนด์ อุปกรณ์ และธีมต่างๆ เหมือนกับตัวแปรในการเขียนโค้ด ตัวแปร Figma ยังรองรับโทเค็นการออกแบบ ซึ่งสร้างองค์ประกอบ UI ที่สอดคล้องกัน เช่น สีหรือขนาด ตัวอย่างเช่น หากอินเทอร์เฟซ UI มีโหมดสว่างและมืด ตัวแปรจะอนุญาตให้นักออกแบบจัดกลุ่มองค์ประกอบในพื้นที่ที่สามารถสลับไปมาระหว่างโหมดเหล่านี้ได้

นอกจากตัวแปรต่างๆ แล้ว Figma ยังเปิดตัวการสร้างต้นแบบขั้นสูง ซึ่งช่วยให้ผู้ใช้สามารถพัฒนาต้นแบบที่เหมือนจริงมากขึ้นได้โดยตรงในผืนผ้าใบ Figma การปรับปรุงนี้ช่วยลดความจำเป็นในการสลับระหว่างเครื่องมือหรือหน้าต่างต่างๆ สำหรับการออกแบบและทดสอบต้นแบบ Sho Kuwamoto รองประธานฝ่ายผลิตภัณฑ์ของ Figma เชื่อว่าการสร้างต้นแบบขั้นสูงจะให้ผลลัพธ์ที่ดีกว่าโดยการสร้างต้นแบบที่เหมือนจริงที่สุด

นอกจากนี้ Figma ยังอัปเดตเครื่องมือเลย์เอาต์อัตโนมัติสำหรับการออกแบบที่ตอบสนองได้อย่างสมบูรณ์ และตัวเลือกฟอนต์ด้วยเมนูใหม่ ความสามารถในการค้นหา และดัชนีภาพเพื่อการกรองฟอนต์และตำแหน่งที่รวดเร็วขึ้น เบราเซอร์ไฟล์ของ Figma ยังแสดง UI ใหม่สำหรับการเข้าถึงไฟล์ที่แชร์ โครงการ และการแจ้งเตือนอย่างรวดเร็ว

Dev Mode อยู่ในโอเพ่นเบต้าและทดลองใช้ฟรีจนถึงปี 2023 โดยมีตัวเลือกราคาสำหรับการเข้าถึงในปี 2024 ที่ $25 ต่อที่นั่ง/เดือนสำหรับองค์กร และ $35 ต่อที่นั่ง/เดือนสำหรับ Enterprise ตัวแปรพร้อมใช้งานในรุ่นเบต้าแบบเปิด โดยความพร้อมใช้งานของฟีเจอร์จะแตกต่างกันไประหว่างแผน Professional และแผนองค์กร การสร้างต้นแบบขั้นสูงสามารถเข้าถึงได้สำหรับผู้ใช้ในแผน Professional ขึ้นไป ด้วยการรวมคุณสมบัติเหล่านี้เข้าด้วยกัน Figma จึงรับประกันการทำงานร่วมกันอย่างราบรื่นระหว่างนักออกแบบและนักพัฒนา โดยไม่สนใจฐานผู้ใช้ของนักพัฒนาที่เพิ่มขึ้น

แพลตฟอร์มเช่น Figma และ AppMaster มีบทบาทสำคัญในการปรับปรุงการออกแบบและพัฒนา AppMaster ซึ่งเป็นแพลตฟอร์ม no-code ช่วยให้ผู้ใช้สามารถสร้างแบ็กเอนด์ เว็บ และแอปพลิเคชันมือถือแบบเห็นภาพ เพิ่มประสิทธิภาพการทำงานและความคุ้มค่าในกระบวนการ