Figma เพิ่ม Figma Specs และฟีเจอร์โค้ด เล็งให้เอเจนต์และทีมงานทำตามแนวทางดีไซน์ได้ชัดเจนขึ้น
Figma เปิดตัวเครื่องมือใหม่รวมถึง Figma Specs - editor ที่ใช้ Markdown เพื่อนิยามภาษาการออกแบบ พร้อมยกระดับ code layers เป็น public beta และผสาน Payload CMS เพื่อจัดการคอนเทนต์แบบไดนามิก

Figma ประกาศฟีเจอร์ใหม่หลายรายการในงาน Config ครั้งแรกที่อินเดีย โดยมีไฮไลต์เป็น Figma Specs เอดิเตอร์แบบ Markdown ที่ออกแบบมาให้ทีมงานและเอเจนต์ AI สามารถอ้างอิงกฎการออกแบบเดียวกันได้ นอกจากนี้บริษัทยังขยายการใช้งานเอเจนต์บนแคนวาสให้ผู้ใช้กลุ่มกว้างขึ้น เปิด public beta ของ code layers และผนวก Payload headless CMS กับผลิตภัณฑ์ Figma Make เพื่อรองรับการสร้างเว็บไซต์แบบไดนามิกและการจัดการคอนเทนต์โดยตรง
Figma Specs - นิยามภาษาการออกแบบด้วย Markdown
ฟีเจอร์ใหม่ที่เรียกว่า Figma Specs ทำหน้าที่เป็นเอกสารนิยามภาษาการออกแบบในรูปแบบ Markdown ซึ่งทีมสามารถสร้างเป็นไฟล์แยกหรือฝังไว้บนแคนวาสได้ เอกสารนี้ไม่ใช่แค่ตัวแก้ไขข้อความธรรมดา แต่สามารถอ้างอิงองค์ประกอบบนแคนวาส แทรกไดอะแกรมจาก FigJam และเชื่อมกับ code layers หรือดีไซน์อื่นๆ ได้ ทำให้เป็นแหล่งอ้างอิงกลางสำหรับดีไซเนอร์ วิศวกร และเอเจนต์ที่ทำงานร่วมกับ AI
จัดการบริบทการออกแบบ - ไลบรารีและกฎที่ชัดเจน
ทีมสามารถนำเข้าข้อมูลเพิ่มเติมเกี่ยวกับระบบออกแบบ เช่น design libraries, code libraries และแนวทางการออกแบบ เพื่อรวมบริบททั้งหมดไว้ในระบบศูนย์กลาง เอเจนต์ทั้งของ Figma และของบุคคลที่สามจะสามารถอ้างอิงข้อมูลตรงนี้เพื่อนำเสนอผลลัพธ์ที่สอดคล้องกับกฎของแบรนด์มากขึ้น ซึ่งเป็นคำตอบต่อความไม่แน่นอนของพฤติกรรม AI ที่บริษัทพยายามให้เครื่องมือควบคุมผลลัพธ์ให้คาดเดาได้มากขึ้น
code layers และการแปลงดีไซน์เป็นโค้ด
ฟีเจอร์ code layers ซึ่งเพิ่มโค้ดเข้าไปในดีไซน์บนแคนวาส ถูกประกาศในสถานะ private beta เมื่อเดือนมิถุนายน และขณะนี้ Figma ขยายให้เป็น public beta เพื่อให้ผู้ใช้ทดลองมากขึ้น ผู้ใช้สามารถสั่งเอเจนต์ให้แปลงดีไซน์เป็นโค้ดหรือแก้ไขส่วนของโค้ดเพื่อทำซ้ำโปรโตไทป์ได้ ช่วยลดช่องว่างระหว่างดีไซน์กับการพัฒนาโปรโตไทป์ที่มีความโต้ตอบ
Payload CMS และการขยายตลาดในอินเดีย
หลังจากที่ Figma เข้าซื้อ Payload ซึ่งเป็น open-source headless CMS เมื่อปีที่แล้ว บริษัทกำลังนำ Payload มารวมกับ Figma Make เพื่อให้การสร้างเว็บไซต์แบบไดนามิกและการจัดการคอนเทนต์เป็นไปได้โดยตรง Figma ระบุว่า downloads ของ Payload เพิ่มขึ้นหกเท่าในช่วง 12 เดือนที่ผ่านมา นอกจากนี้ Figma เพิ่งเปิดสำนักงานแรกในอินเดียปลายปีที่แล้ว โดยอินเดียเป็นตลาดที่มีผู้ใช้มากที่สุดนอกสหรัฐฯ และแพลตฟอร์มทำงานร่วมกับบริษัท 40% จาก 100 อันดับแรกบน Bombay Stock Exchange
มุมมองเชิงนโยบายและการใช้งาน - Loredana Crisan หัวหน้าฝ่ายออกแบบของ Figma ให้ความเห็นว่าการมาของ AI ทำให้มีการผลิตโค้ดมากขึ้นถึง 17 เท่า แต่จำนวนการปล่อยซอฟต์แวร์เพิ่มเพียง 1.3 เท่า เธอชี้ว่าหลายบรรทัดโค้ดถูกใช้เพื่อค้นหาแนวทางของผลิตภัณฑ์มากกว่าที่จะพร้อมส่งจริง
สิ่งที่น่าจับตามองคือความพยายามของ Figma ในการให้กรอบการทำงานสำหรับเอเจนต์และทีม เพื่อให้การสร้างด้วย AI สอดคล้องกับแนวทางของแบรนด์และสามารถต่อยอดเป็นผลิตภัณฑ์ได้จริง
สำหรับคนทำงานสายออกแบบและเว็บ ดีไซเนอร์กับฟรอนต์เอนด์นักพัฒนาจะได้ประโยชน์จากการที่ดีไซน์และโค้ดเชื่อมกันมากขึ้น การที่มีเอกสารกลางอย่าง Figma Specs ยังช่วยให้การส่งต่อข้อกำหนดระหว่างทีมลดความคลาดเคลื่อนและทำงานร่วมกับเอเจนต์ AI ได้แม่นยำขึ้น
ที่มา: TechCrunch - เรียบเรียงและสรุปเป็นภาษาไทยโดยทีมงาน IT Genius
ไอทีจีเนียส เอ็นจิเนียริ่ง ให้บริการด้านไอทีครบวงจร
ทั้งงานอบรม (Training) สัมมนา รับเขียนโปรแกรม เว็บไซต์ แอปพลิเคชัน งานออกแบบกราฟิก และงานด้าน E-Marketing ทั้ง SEO, PPC และ Social Media Marketing
ติดต่อเราเพื่อสอบถามผลิตภัณฑ์ ขอราคา หรือปรึกษาเรื่องไอทีได้เลยค่ะ
แนะนำหลักสูตรที่น่าสนใจ

Web Design with Figma and WordPress
การมีเว็บไซต์ที่ดูดีและใช้งานง่ายไม่จำเป็นต้องเริ่มจากการเขียนโค้ดเสมอไป การออกแบบหน้าเว็บใน Figma ก่อน ช่วยให้ทีมเห็นภาพตรงกันทั้งโครงหน้า สี และตัวอักษร จากนั้นนำงานไปสร้างเป็นเว็บจริงด้วย WordPress ร่วมกับ Elementor…

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

AI Web App Builder Workshop สร้างเว็บแอปแรกด้วย AI
หลายคนมีไอเดียเว็บหรือเครื่องมือที่อยากใช้ในงานของตัวเอง แต่ติดตรงที่เขียนโปรแกรมไม่เป็น และการจ้างทำก็ใช้ทั้งเวลาและงบประมาณ ทุกวันนี้ AI ที่ช่วยเขียนโค้ดได้เปลี่ยนเรื่องนี้ไปแล้ว คนที่ไม่มีพื้นฐานสามารถอธิบายสิ่งที่ต้องการเป็นภาษาคน แล้วให้ AI สร้างโค้ดให้…
