Figma Config 2026: เมื่อ Design, Code, Motion และ AI มาอยู่บน Canvas เดียวกัน

หลังจากนั่งไล่ดูและอ่านสรุปจาก Config 2026 รอบนี้ ความรู้สึกแรกคือ Figma ไม่ได้พยายามเป็นแค่ “เครื่องมือทำ UI” แล้ว แต่กำลังขยายตัวเองให้กลายเป็นพื้นที่ทำงานกลางของทีม product จริง ๆ

ไม่ใช่แค่ designer เปิดไฟล์ วาง frame ทำ prototype แล้วส่งต่อ dev แต่เป็นพื้นที่ที่ code, motion, visual effect, AI workflow, plugin และ asset ต่าง ๆ มาอยู่บน canvas เดียวกันได้

แปลเป็นภาษาคนทำงานก็คือ ไอเดียไม่ควรถูกจำกัดเพราะเครื่องมือยังไปไม่ถึง และ Config ปีนี้เหมือนเป็นการบอกว่า ต่อไป canvas จะไม่ใช่แค่ที่เก็บหน้าจอ แต่เป็นที่ทดลองความคิดให้ใกล้ของจริงขึ้นเรื่อย ๆ

แกนหลักของปีนี้: New materials on the canvas

สิ่งที่ Figma ประกาศในปีนี้มีหลายอย่าง แต่ถ้าสรุปให้เข้าใจง่ายที่สุด คือ Figma เพิ่ม “วัสดุใหม่” ให้ canvas

เมื่อก่อนวัสดุหลักของเราคือ frame, text, component, image, vector แต่ตอนนี้ Figma กำลังเพิ่ม code, motion, depth, texture, shader, AI-generated tools และ workflow ที่ reuse ได้เข้ามาในไฟล์เดียวกัน

พูดง่าย ๆ คือ canvas เริ่มไม่ใช่ภาพนิ่ง แต่เป็นพื้นที่ที่ “คิด → ทดลอง → ปรับ → โค้ด → ส่งต่อ” ได้ในที่เดียวมากขึ้น

01Code Layers: code กลายเป็น layer บน Figma

สิ่งนี้น่าจะเป็นฟีเจอร์ที่ใหญ่ที่สุดในมุม product team

ฟังแล้วรู้สึกว่าเขาตั้งใจเปลี่ยนวิธีคิดระหว่าง designer กับ developer มาก เพราะที่ผ่านมาเรามักพูดเรื่อง design vs code เหมือนเป็นคนละโลก แต่ Figma มองว่า code ก็เป็นวัสดุชนิดหนึ่งเหมือน image, vector หรือ design layer

Code Layers ทำให้เรานำ code เข้ามาอยู่บน canvas ได้หลายทาง เช่น สร้างจาก frame เดิม, ให้ agent generate, clone repo จาก GitHub หรือ upload local codebase เข้ามา จากนั้นก็เอามาลอง interaction, flow หรือ direction หลายแบบวางข้าง ๆ กันได้

จุดที่น่าสนใจมากคือ designer สามารถ duplicate code layer เพื่อเทียบหลายทิศทางได้เหมือน duplicate frame ปกติ และถ้าอยากกลับมาแก้แบบ visual ก็ extract code กลับมาเป็น design layer ได้ แล้วค่อยอัปเดตกลับไปยัง code layer อีกที

ส่วนตัวต้านมองว่าสิ่งนี้ไม่ได้แปลว่า designer ต้องกลายเป็น dev ทันที แต่มันช่วยให้ “ของที่คิด” กับ “ของที่ build ได้จริง” อยู่ใกล้กันขึ้น โดยเฉพาะงานที่มี interaction เยอะ ๆ เช่น dashboard, CRM, internal tool, AI product หรือ flow ที่ prototype ธรรมดาอธิบายความรู้สึกไม่พอ

02Figma Motion: ในที่สุด Figma ก็มี timeline จริงจัง

อีกฟีเจอร์ที่น่าตื่นเต้นมากคือ Figma Motion

ก่อนหน้านี้ ถ้าอยากทำ motion ดี ๆ เรามักต้องไป Principle, After Effects, Rive หรือทำ prototype แบบ workaround ใน Figma แต่รอบนี้ Figma เพิ่ม timeline, keyframe, preset, easing, spring animation และ animated components เข้ามาใน Figma Design เลย

ความหมายของมันไม่ใช่แค่ “ทำ animation ได้” แต่คือ motion เริ่มกลายเป็นส่วนหนึ่งของ design system ได้

เช่น ปุ่ม, card, onboarding, transition, loading state หรือ micro-interaction ที่เราอยากให้ทั้ง product ใช้ความเร็วและ feeling เดียวกัน

ต่อไปอาจไม่ต้องอธิบายด้วยคำว่า “ขยับนุ่ม ๆ หน่อย” หรือ “เด้งแบบพอดี ๆ” อีกแล้ว เพราะ dev สามารถ inspect timeline ใน Dev Mode แล้ว copy code ออกไปเป็น CSS, JSON หรือ React ได้เลย

สำหรับคนทำ UX/UI จุดนี้มีผลมาก เพราะ motion ไม่ใช่ของตกแต่งอย่างเดียว แต่คือ feedback, hierarchy, flow และความรู้สึกของ product

ผู้ใช้กดแล้วรู้ไหมว่าระบบรับคำสั่งแล้ว
เปลี่ยนหน้าแล้วหลงไหม
สถานะกำลังโหลดดูน่าเชื่อถือไหม
หรือ interaction นี้ทำให้ product ดูเร็วขึ้น เข้าใจง่ายขึ้น หรือแค่สวยขึ้นเฉย ๆ

033D Transforms: มิติใหม่ที่ไม่ได้แค่เอียงรูปเล่น

Figma ยังพูดถึง 3D transforms ด้วย คือสามารถ rotate frame, vector และ text บน z-axis ได้ พร้อม live preview และยัง editable อยู่

จุดที่น่าสนใจคือมัน export ไป CSS ได้ และเชื่อมผ่าน MCP ได้ด้วย ทำให้สิ่งที่เห็นใน spatial design มีโอกาสถูกส่งต่อเป็น implementation จริงได้มากขึ้น

ฟีเจอร์นี้อาจไม่ได้จำเป็นกับทุกงาน enterprise หรือ CRM แต่เหมาะกับ landing page, product storytelling, mobile onboarding, campaign หรือ portfolio ที่อยากมีมิติขึ้น โดยไม่ต้องออกไปทำ visual แยกหลายโปรแกรม

04Shaders: texture และ visual effect ที่ prompt ได้

Shaders น่าสนใจมากในมุม visual designer

ปกติ shader เป็นเรื่องที่ฟังดู technical มาก แต่ Figma ทำให้ designer สามารถ prompt อธิบาย effect ที่ต้องการ หรือใช้ image เป็น reference แล้วให้ agent สร้าง shader fills / effects ให้ได้

ตัวอย่าง effect ที่ถูกพูดถึง เช่น dither, pixelate, blur, gradient map, riso print และ luminance particles

สิ่งที่ดีคือ shader ไม่ได้เป็นภาพแบน ๆ ที่ใส่ทับเฉย ๆ แต่มี parameter ให้ปรับบน canvas ได้ เหมือนกลายเป็น native property ของ Figma มากขึ้น

ถ้ามองในงานจริง ฟีเจอร์นี้ช่วยงาน moodboard, landing page, visual direction, campaign graphic, cover presentation หรือ portfolio ได้เยอะมาก โดยเฉพาะงานที่อยากมี texture / depth / personality แต่ไม่อยากกระโดดไปมาระหว่างหลาย tools

05Generative Plugins: อยากได้ plugin แบบไหน ก็ให้ agent ช่วยสร้าง

ฟีเจอร์นี้น่าจะถูกใจคนที่ทำงานไฟล์ใหญ่ ๆ

Generative Plugins คือการบอก Figma agent ว่าเราอยากได้ tool อะไร แล้วให้มันสร้าง plugin ที่ใช้ในไฟล์ได้เลย โดยไม่ต้อง set up dev environment หรือรู้ Figma plugin API เอง

ตัวอย่างที่เอาไปใช้จริงได้ เช่น

• จัด spacing ให้หลาย selection
• sort layer ตามเงื่อนไข
• find / replace text หรือ color
• จัด asset เป็น layout
• เช็ก consistency บางอย่างในไฟล์

ฟีเจอร์นี้น่าสนใจมากสำหรับ designer ที่ต้องทำงานซ้ำ ๆ ใน design system, deck, social template หรือไฟล์ลูกค้าที่มีหลายสิบหน้า เพราะมันเปลี่ยนจาก “นั่งไล่แก้เอง” เป็น “สร้างเครื่องมือเล็ก ๆ ให้ช่วยทำซ้ำ”

06Figma Weave: งานภาพและ asset workflow เริ่มเข้ามาใกล้ canvas

Figma Weave คือฝั่ง generative AI workflow สำหรับงาน visual เช่น image, video, animation, motion design และ VFX

สิ่งที่ประกาศคือ Weave tools เริ่มเข้ามาอยู่ใน Figma Design แล้ว ทำให้เราทำงาน asset บางอย่างได้โดยไม่ต้องออกจากไฟล์ เช่น replace background, ใส่ logo บน product, เปลี่ยน aspect ratio, style transfer หรือทำ visual variation ที่ต้องการ consistency

สิ่งที่น่าสนใจคือ Weave ไม่ได้คิดแบบ prompt ครั้งเดียวแล้วจบ แต่คิดแบบ workflow ที่ reuse ได้ เหมือนเราปั้นกระบวนการสร้างภาพไว้ แล้วเอามาใช้ซ้ำหรือแชร์ให้ทีมได้

สำหรับงานจริง ฟีเจอร์นี้เหมาะกับคนที่ทำ presentation, campaign, product mockup, social content หรือภาพประกอบใน product มาก เพราะหลายครั้งเราไม่ได้ต้องการภาพ “สวยแค่ครั้งเดียว” แต่ต้องการภาพที่คุมทิศทางซ้ำได้

07Figma Agent: จาก AI ที่ช่วย generate เป็น AI ที่รู้ context มากขึ้น

รอบนี้ Figma Agent ถูกดันชัดมาก

ไม่ใช่แค่พิมพ์ prompt แล้วให้สร้าง UI ออกมา แต่เริ่มใส่ context ได้มากขึ้น เช่น custom skills, web search, MCP connectors และการ attach ไฟล์อย่าง Figma file, image, text, code, PDF หรือ spreadsheet เข้าไปใน prompt ได้

แปลว่าเราสามารถให้ agent เข้าใจ brief, research, guideline, brand tone, component convention หรือ context จาก tool อื่น ๆ ได้ดีขึ้น ไม่ใช่ให้เดาจาก prompt สั้น ๆ อย่างเดียว

ในมุม designer จุดนี้สำคัญมาก เพราะปัญหาของ AI design ส่วนใหญ่ไม่ใช่มันวาดไม่ได้ แต่มันวาดโดยไม่เข้าใจบริบทจริง

ไม่เข้าใจลูกค้า
ไม่เข้าใจ constraint
ไม่เข้าใจว่า component นี้ทีมเราใช้แบบไหน
ไม่เข้าใจว่าทำไม flow นี้ต้องเรียงแบบนี้

พอ Figma เพิ่ม context ให้ agent มากขึ้น มันก็อาจช่วยงานอย่าง generate variation, remix design, bulk edit deck, summarize feedback, check accessibility หรือสร้าง starting point ให้เร็วขึ้นได้

แต่มีเรื่องที่ต้องระวังสำหรับงานลูกค้า ตั้งแต่ 23 มิ.ย. 2026 เป็นต้นไป conversation threads ใหม่กับ agent ใน Figma Design จะ visible by default

หมายความว่าคนใน org/team ที่เป็น Full seat และมี edit access กับไฟล์นั้นจะเห็น thread ได้ ยกเว้นเราตั้ง private เอง ดังนั้นถ้าเป็นไฟล์ลูกค้า งาน confidential หรือมีข้อมูลภายในบริษัท ควรระวังมากขึ้นเวลาคุยกับ agent ในไฟล์

08Agent in FigJam และ Figma Slides

Figma ยังบอกว่า agent จะไปอยู่ใน FigJam และ Figma Slides ด้วย

สำหรับ FigJam น่าจะช่วยเรื่อง generate board, diagram, workshop structure หรือไอเดีย flow ต่าง ๆ ส่วน Figma Slides น่าจะช่วย draft deck, bulk edit, ปรับเนื้อหา หรือจัด presentation จากข้อมูลตั้งต้นได้เร็วขึ้น

สิ่งนี้อาจดูไม่หวือหวาเท่า Code Layers หรือ Motion แต่สำหรับงานจริงน่าจะใช้บ่อยมาก เพราะ designer ไม่ได้ทำแค่ UI แต่ต้องทำ brief, deck, workshop, report, handoff และ presentation ตลอด

ภาพรวม: Figma กำลังเปลี่ยนจาก design tool เป็น product workspace

ถ้าต้องสรุป Config 2026 ในประโยคเดียว ต้านมองว่า Figma กำลังทำให้ canvas กลายเป็น product workspace มากขึ้น

เมื่อก่อนเราทำ UI เพื่อ “อธิบาย” ว่าของจริงควรเป็นยังไง แต่ตอนนี้ Figma กำลังขยับไปสู่การทำงานที่ “ทดลองของจริงบางส่วน” ได้ตั้งแต่ในไฟล์

motion ขยับได้
code ลองได้
shader ปรับได้
plugin สร้างได้
agent เข้าใจ context มากขึ้น
Weave ช่วยจัดการ asset workflow
และทีมสามารถ comment / compare / iterate อยู่บน canvas เดียวกัน

ฟังแล้วรู้สึกว่า Figma ไม่ได้พยายามบอกว่า AI จะมาแทนคนทำงานสร้างสรรค์ แต่กำลังบอกว่า AI อาจช่วยลดแรงเสียดทาน ส่วนเพดานของงานยังต้องถูกดันโดยคนที่มี taste, judgment และความเข้าใจจริงอยู่ดี

แล้ว designer ควรสนใจอะไรก่อน?

• เริ่มจาก Figma Motion — สำหรับ designer ทั่วไป เอาไปใช้กับงาน prototype, interaction, onboarding, loading, transition และ handoff ได้ทันที
• จับตา Code Layers — ถ้าทำงานกับ dev ใกล้ ๆ หรือทำ product ที่ interaction สำคัญมาก เพราะอาจเปลี่ยนวิธีคุยระหว่าง design กับ dev ได้จริง
• ลอง Shaders และ Weave — ถ้าทำ visual / deck / social / landing page บ่อย ช่วยให้ภาพมี character มากขึ้น และลดเวลาทำ asset variation ได้ดี
• ดู Generative Plugins — ถ้าทำงานไฟล์ใหญ่ งานซ้ำ งาน design system หรือ deck หลายหน้า เป็นตัวช่วยเล็ก ๆ ที่ประหยัดเวลาได้เยอะมาก
• ใช้ Figma Agent อย่างมีวินัย — ให้ context ชัด, แนบไฟล์ให้ถูก, ตั้ง skill ให้เหมาะ และอย่าลืมเช็ก privacy ของ conversation threads ในไฟล์งานลูกค้า

ความรู้สึกหลังดูภาพรวม

Config 2026 รอบนี้ไม่ได้ให้ความรู้สึกว่า Figma เปิดฟีเจอร์ใหม่มาเยอะเฉย ๆ แต่มันให้ความรู้สึกว่า Figma กำลังเปลี่ยนนิยามของ canvas

จากพื้นที่วางดีไซน์ เป็นพื้นที่ทดลองระบบ
จาก mockup เป็น material playground
จาก handoff เป็น collaboration ที่ใกล้ของจริงมากขึ้น

และสำหรับ designer นี่ทั้งน่าตื่นเต้นและน่าคิด

เพราะต่อไป skill ที่สำคัญอาจไม่ใช่แค่ทำ UI ให้สวย หรือทำ auto layout ให้เป๊ะ แต่คือการคิดเป็นระบบ เลือกเครื่องมือให้ถูก รู้ว่าอะไรควรให้ AI ช่วย อะไรควรตัดสินด้วยคน และยังคงรักษา taste กับ human touch ของงานไว้ให้ได้

Figma อาจทำให้ทุกคนเริ่มงานได้ง่ายขึ้น แต่สิ่งที่ทำให้งาน “รู้สึกใช่” ยังต้องมาจากคนที่เข้าใจโจทย์ เข้าใจผู้ใช้ และกล้าตัดสินใจอยู่ดี