Figma ประกาศฟีเจอร์ใหม่ชุดใหญ่ในงาน Config India ครั้งแรก ตามที่ TechCrunch รายงานเมื่อวันที่ 14 ตุลาคม 2026 ตัวหลักคือ Figma Specs เอกสารแบบ Markdown สำหรับเขียนกฎและภาษาดีไซน์ของทีม ให้ทั้งคนและ AI agent ใช้อ้างอิงตอนทำงานใน Figma ผมสรุปเฉพาะส่วนที่กระทบงานดีไซเนอร์และคนทำเว็บไว้ในบทความนี้ครับ
สรุปสั้น ๆ
- Figma Specs เป็นเอกสาร Markdown ที่วางเป็นไฟล์เดี่ยวหรือวางบน canvas และ FigJam ได้ ตอนนี้อยู่ในช่วง open beta
- Coding agent ที่ต่อผ่าน Figma MCP server อ่าน สร้าง และแก้ Specs ได้
- Code layers เข้าสู่ open beta และใช้ฟรีบนแพลนเสียเงินถึง 4 พฤศจิกายน 2026
- Figma Make ได้ Payload มาเป็น backend ในตัว มีทั้ง database, auth และ API
- ไฟล์ Guidelines ใน library ช่วยบอก agent ว่าแพทเทิร์นไหนควรใช้และไม่ควรใช้
ในบทความนี้
Figma Specs คืออะไร
Figma Specs คือพื้นที่เขียนเอกสารที่อยู่ใน Figma เลย ใช้เก็บบรีฟ technical spec วาระการ critique หรือเอกสาร design system สร้างได้ 2 แบบ คือเป็นไฟล์ Spec แยก หรือแทรกลงบน canvas ของ Figma Design และ FigJam ด้วยปุ่ม Spec ในแถบเครื่องมือหรือกดปุ่ม D พิมพ์ / เพื่อเปิดเมนู block ได้ และใช้ Markdown แบบย่อได้ เช่น หัวข้อ รายการ to-do quote และ code block ฝังรูปและไฟล์ Figma ได้ และลากเนื้อหาไปมาระหว่าง Spec กับ canvas ได้ Specs รองรับการแชร์ คอมเมนต์ และ spotlight ระหว่างพรีเซนต์
ตอนนี้ Specs อยู่ในช่วง open beta และทยอยเปิดให้ใช้ภายในไม่กี่สัปดาห์ ใช้ได้บนแพลน Professional, Education, Organization และ Enterprise ถ้าเปิดแล้วยังไม่เจอปุ่ม ให้รออีกนิดครับ ไม่ต้องรีบโทษตัวเอง
ทำไม AI agent ต้องมี Specs
TechCrunch รายงานว่าเป้าหมายของฟีเจอร์ชุดนี้คือให้ agent ของ Figma และ agent จากเจ้าอื่นมีกฎแบรนด์และกฎดีไซน์ที่ชัดเจนให้ทำตาม คู่มือของ Figma ระบุว่า coding agent ที่ต่อกับ Figma MCP server อ่าน สร้าง และอัปเดต Specs ได้ผ่าน skill ชื่อ figma-spec โดยแก้เฉพาะจุดและคอมเมนต์เดิมยังอยู่ MCP (Model Context Protocol) คือมาตรฐานที่ให้ AI agent เชื่อมกับเครื่องมือภายนอกได้
ผ่าน agent ที่ต่อกับ MCP ยังดึงบริบทจาก GitHub หรือ HEX เข้ามาใน Spec และส่งเนื้อหาออกไปที่ Linear ได้ เรื่องค่าใช้จ่าย การพิมพ์และแก้ Spec เองไม่เสีย AI credits ส่วนการสั่ง agent ทำงานกับ Spec จะใช้ credits ตามความซับซ้อนของงาน
มีอะไรใหม่บ้างจาก Config India 2026
- Code layers (open beta): เปลี่ยนดีไซน์เป็น prototype ที่โต้ตอบได้จริงด้วยโค้ด สั่ง agent ให้แปลงดีไซน์เป็นโค้ดหรือแก้บางส่วนของโค้ดได้ ใช้ฟรีบนแพลนเสียเงินถึง 4 พฤศจิกายน 2026 หลังจากนั้นจะใช้ AI credits
- Payload in Figma: Payload คือ headless CMS แบบ open source ที่ Figma ซื้อกิจการมา ตอนนี้กลายเป็น backend ในตัวของ Figma Make และ code layers มีทั้ง typed backend, database, auth และ API ส่วน Supabase ยังใช้เป็นตัวเลือกภายนอกได้
- Figma MCP server: ทำงานเร็วขึ้นและใช้ token น้อยลง สร้าง code layers ได้ อ่านและเขียน Specs ได้ มีเครื่องมือใหม่ html_to_figma และ generate_image
- Guidelines (open beta): ใส่ไฟล์ guideline ใน library ที่ publish แล้ว เพื่อบอก agent ว่าแพทเทิร์นไหนควรใช้และแพทเทิร์นไหนควรเลี่ยง
- Code sources (closed beta): ผูก GitHub repo หรือ npm package เข้ากับ library ให้ agent ใช้ component จริงของทีม
- Centralized design systems (preview): รวม design library, code library และ guidelines ไว้ในระบบเดียว พร้อมแผนผังความเชื่อมโยงและรายงานตรวจสุขภาพ
Dataconomy อ้างคำให้สัมภาษณ์ TechCrunch ของ Loredana Crisan ตำแหน่ง Chief Design Officer ของ Figma ว่าทุกวันนี้มีการเขียนโค้ดมากขึ้นราว 17 เท่า แต่จำนวน release เพิ่มขึ้นแค่ราว 1.3 เท่า Figma จึงวางตัวเป็นที่ที่ทีมซอฟต์แวร์ตัดสินใจว่าจะสร้างและปล่อยอะไร
กระทบคนทำเว็บและดีไซเนอร์อย่างไร
สำหรับดีไซเนอร์ งานเขียนกฎ design system จะย้ายมาอยู่ใกล้ไฟล์ดีไซน์มากขึ้น เอกสารที่เคยกระจายอยู่ใน Notion หรือ Google Docs อาจรวมมาไว้ใน Figma ได้ สำหรับทีมที่ใช้ AI agent ช่วยทำหน้าจอหรือเขียนโค้ด Specs กับ Guidelines คือที่ใส่บริบทให้ agent ผลลัพธ์จึงมีโอกาสตรงแบรนด์มากขึ้น สำหรับคนทำเว็บ Payload ใน Figma Make ทำให้ต่อยอด prototype ไปเป็นเว็บที่มีข้อมูลจริงได้ง่ายขึ้น ใครสนใจแนวโน้ม CMS ยุค AI อ่านต่อได้ที่ EmDash คืออะไร และ AI กับ WordPress ตอนนี้ทำงานร่วมกันได้แค่ไหน
ความเห็นของ Sodiadesign คือ ทีมที่เริ่มเขียนกฎดีไซน์ให้ชัดตั้งแต่ตอนนี้จะได้ประโยชน์จาก agent มากกว่าทีมที่ปล่อยให้ AI เดาเอง ผมว่า agent ก็เหมือนเพื่อนร่วมทีมใหม่ ถ้าไม่มีคู่มือให้อ่าน มันก็จะเลือกสีปุ่มตามใจตัวเองครับ
สรุป
Figma Specs คือเครื่องมือเขียนเอกสารใน Figma ที่ทั้งคนและ AI agent ใช้อ้างอิงกฎดีไซน์ร่วมกัน Config India 2026 ยังพา code layers เข้า open beta, ใส่ Payload ใน Figma Make และเพิ่มความสามารถของ Figma MCP server หลายฟีเจอร์ยังเป็น beta และทยอยเปิด ทีมที่อยากลองควรเริ่มจากเขียน Spec สำหรับ design system ชุดเล็ก ๆ ก่อน
คำถามที่พบบ่อย
Figma Specs ใช้ฟรีไหม
ต้องอยู่บนแพลน Professional, Education, Organization หรือ Enterprise การเขียนและแก้ Spec เองไม่เสีย AI credits แต่ถ้าสั่ง agent ทำงานกับ Spec จะใช้ AI credits ตามความซับซ้อนของงาน
Figma Specs ใช้ได้บนแพลนไหน
ช่วง open beta เปิดให้แพลน Professional, Education, Organization และ Enterprise และทยอยเปิดภายในไม่กี่สัปดาห์
Code layers ใช้ได้ฟรีถึงเมื่อไหร่
การสร้างและแก้ code layers ใช้ฟรีบนแพลนเสียเงินถึง 4 พฤศจิกายน 2026 หลังจากนั้นจะใช้ AI credits
AI agent ภายนอกอ่าน Figma Specs ได้ไหม
ได้ coding agent ที่เชื่อมกับ Figma MCP server อ่าน สร้าง และอัปเดต Specs ได้ผ่าน skill ชื่อ figma-spec