ลืมภาพการนั่งลากเม้าส์จัด Component ใน Figma แบบเดิมๆ ไปได้เลย…
.
เมื่อกี้เพิ่งได้อ่านอัปเดตใหญ่จาก Figma ที่เขาประกาศเปิดแคนวาสให้ AI Agents เข้ามาทำงานได้แบบเต็มตัว ปกติเราจะเห็น AI ช่วยเจนภาพหรือช่วยร่างแบบคร่าวๆ ใช่ไหมครับ แต่รอบนี้มันไปไกลกว่านั้นมาก เพราะมันคือการเชื่อมโลกของ "Code" กับ "Design" เข้าด้วยกันแบบไร้รอยต่อเลย
.
ถ้าจะให้เปรียบเทียบให้เห็นภาพที่สุด ลองนึกภาพว่าปกติเวลาเราจะย้ายบ้าน (ทำโปรเจกต์) เราต้องมานั่งจัดเฟอร์นิเจอร์เองทุกชิ้น (ลากปุ่ม แก้ฟอนต์ ปรับสี) แต่ตอนนี้ Figma เหมือนสร้าง "หุ่นยนต์แม่บ้านอัจฉริยะ" ที่เราไม่ต้องบอกว่าต้องขยับเก้าอี้ไปกี่เซนติเมตร แต่เราแค่ส่ง "คู่มือการจัดบ้าน" (Design System/Code) ให้มัน แล้วบอกว่า "จัดห้องนั่งเล่นให้หน่อย" หุ่นยนต์ตัวนี้จะหยิบเฟอร์นิเจอร์จากคลังของเรามาวางให้เป๊ะตามกฎที่เราตั้งไว้เลยครับ
.
หัวใจสำคัญของเรื่องนี้คือสิ่งที่เขาเรียกว่า MCP Server และ Skills ครับ ทุกคนอาจจะงสัยว่ามันคืออะไร? สรุปง่ายๆ คือมันเป็นเหมือน "ใบสั่งงาน" ที่เราเขียนบอก AI ว่าทีมเรามีสไตล์การทำงานยังไง เช่น ถ้าจะสร้างปุ่ม ต้องใช้ Padding เท่าไหร่ หรือถ้าจะใช้สี ต้องดึงมาจากตัวแปร (Variables) ตัวไหน
.
ประโยชน์ที่แม็กว้าวมากคือ:
.
1.Design System ไม่แตกแถว: AI จะไม่มั่วซั่วหยิบสีแปลกๆ มาใช้ แต่มันจะไปดึงเอา Component จริงๆ ใน Design System ของเรามาวางให้เลย
.
2.สั่งงานผ่าน Code ได้เลย: สำหรับสาย Dev ที่ใช้เครื่องมืออย่าง Claude Code หรือ Cursor ตอนนี้คุณสามารถสั่งให้ AI ไป "แก้ดีไซน์ใน Figma" ได้จากหน้าจอเขียนโค้ดของคุณเลย ไม่ต้องสลับหน้าจอไปมาให้เวียนหัว
.
3.สร้าง Spec อัตโนมัติ: มี Skills เจ๋งๆ อย่างการให้ AI ช่วยทำ Screen Reader Specs สำหรับคนพิการให้โดยอัตโนมัติจากหน้าจอที่เราดีไซน์ไว้ ช่วยประหยัดเวลาไปได้มหาศาล
.
4.เชื่อมโลก Code กลับมาเป็น Design: ถ้าเรามีหน้าเว็บที่เขียนเสร็จแล้ว แต่อยากเอากลับมาแก้ใน Figma ตัว AI ก็สามารถแปลง HTML กลับมาเป็น Layer ใน Figma ที่สะอาดและแก้ไขได้จริงๆ ไม่ใช่แค่รูปภาพแปะไว้เฉยๆ
.
แม็กมองว่านี่คือจุดเปลี่ยนสำคัญเลยนะ เพราะที่ผ่านมา AI มักจะเจนอะไรที่ดู "สวยแต่รูป จูบไม่หอม" คือเอาไปใช้งานต่อยากมาก แต่การที่ Figma ยอมเปิดบ้านให้ Agent เข้ามาคุมแคนวาสด้วยกฎที่เราตั้งไว้เองแบบนี้ จะทำให้คนทำงานสาย Product ทำงานไวขึ้นแบบก้าวกระโดดแน่นอน
.
ตอนนี้เขายังเปิดให้ใช้ฟรีในช่วง Beta อยู่นะครับ ใครที่เป็นสาย Tech หรือ Designer ที่อยากลองสัมผัสอนาคต ต้องรีบไปศึกษาเรื่อง Figma MCP Server กันดูแล้วล่ะ
.
ทุกคนคิดว่าถ้า AI มาช่วยขยับ Pixel ให้แบบนี้ งานในฝันของ Designer ยุคหน้าควรจะเป็นยังไงต่อ?
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac