Figma Config 2026 Release New Fully Arranged
Summary of Main New Features from Figma Config 2026 Keynote ✨ (Updated)
Figma focuses on "New materials + New tools on Canvas," providing more expressive 🚀 by combining code, motion, texture, AI.
1. Figma Motion 🎥✨
- Add Timeline + Keyframes directly to Figma Design
- Create animation either from hand or prompt with Figma Agent.
- Make a dual motion system (animate component once, all files available)
- Export formats: MP4, GIF, WEBM, Animated SVG (Lottie Developing)
- Dev Mode See Timeline Clear Forward Code Easy
- 3D Transforms - add dimension and depth to layer (perfect integration with Motion) 🌀
2.Code Layers 💻🔗 (Coming in closed beta)
- Change the design layer to interactive code layer by clicking or prompt.
- Works on canvas like normal layer (duplicate, comment, collaborate)
- Switch design ↔ code freely
- Prompt interaction or edit straight from codebase.
- Record interaction / flow and automatically generate to multi-page. 📑
- Import codebase uploaded from the machine or clone GitHub repo directly
3.Shader Fills & Effects 🌈🎨
- Prompt or Upload Image → Figma Agent Create shader (liquid metal, mesh gradient, dithering, riso print, etc.)
- Parameterized adjustable with control on canvas
- Stackable and converted to code.
4. Generative Plugins 🛠️🤖
- Tell Agent "Need a tool like this" → Get native plugin on canvas without writing code
- Easy to create team workflow specific tools
- Share in a file or publish to the team / community.
5.Figma Weave Tools 🔄🧩
- Direct use of node-based workflow from Weave in Figma
- Fast repetitive visual transformations (style transfer, perspective shift, etc.)
- Published as a tool or template in Community
6. Figma Agent 🤖⚡
- More Context: Skills, Attachments, Connectors (Notion, Slack, GitHub, Jira, etc.)
- Create and manage Custom Skills yourself. Make a frequently used slash command and publish it for the team.
- Agent chat. Shared in the team (or private).
- Come in FigJam and Slides too (soon).
- Use web search + live data
Brief summary
Figma turns Canvas into an all-in-one of serious creativity that works with AI Agents in a fluid way. 🎨💡
จากประสบการณ์การใช้งาน Figma Config 2026 ที่เพิ่มฟีเจอร์ใหม่ ๆ โดยเฉพาะ Figma Motion และ Code Layers ทำให้การสร้างแอนิเมชันในงานออกแบบสะดวกและรวดเร็วยิ่งขึ้น ก่อนหน้านี้หากต้องการเพิ่มแอนิเมชันต้องอาศัยโปรแกรมแยก หรือต้องส่งไฟล์ออกไปแอนิเมทที่อื่น แต่ด้วย Timeline และ Keyframes ที่เพิ่มมาใน Figma สามารถทำได้ภายในโปรแกรมเดียวโดยตรง สามารถออกแบบ movement แบบละเอียดและปรับแก้ได้ทันที ส่วน Code Layers ที่กำลังอยู่ในช่วง Closed Beta นั้นช่วยเชื่อมต่อการออกแบบกับส่วนโค้ดได้อย่างลื่นไหลมากขึ้น ซึ่งเหมาะกับทีมที่ต้องการทดลองสร้าง interaction แบบ interactive บนดีไซน์โดยไม่ต้องเปลี่ยนโปรแกรมบ่อย ๆ อีกสิ่งที่น่าตื่นเต้นคือ Shader Fills & Effects ที่ช่วยให้เราเพิ่มความโดดเด่นให้กับงานด้วยเทคนิค shader หลากหลายแบบ โดยใช้ Figma Agent สร้างเป็น effect ต่าง ๆ ได้ง่ายผ่าน prompt หรือการอัพโหลดภาพเข้าไป โดยสามารถปรับแต่งได้แบบเรียลไทม์บน canvas นอกจากนี้ Generative Plugins ช่วยให้สามารถสร้างเครื่องมือเฉพาะทีมได้อย่างรวดเร็วโดยไม่ต้องเขียนโค้ดเอง และ Figma Weave Tools ที่นำ node-based workflow มาทำงานกับการแปลงภาพซ้ำ ๆ อย่าง style transfer และ perspective shift ถือว่าตอบโจทย์งานออกแบบที่ซับซ้อนและต้องการความรวดเร็วอย่างมาก ที่สำคัญ Figma Agent ที่ขยายพลัง AI ด้วยการทำงานร่วมกับหลายแอปพลิเคชัน พร้อมฟีเจอร์ chat และ custom skills ทำให้ทีมงานออกแบบและพัฒนาสามารถทำงานร่วมกันได้อย่างมีประสิทธิภาพและต่อเนื่องมากขึ้น โดยรวมแล้ว Figma Config 2026 แสดงให้เห็นถึงการเปลี่ยนแปลงครั้งใหญ่ที่ทำให้ Canvas ของ Figma กลายเป็นแพลตฟอร์ม all-in-one สำหรับนักออกแบบที่ต้องการสร้างสรรค์ผลงานที่มีความซับซ้อนและตอบโจทย์การทำงานร่วมกับ AI ได้อย่างราบรื่นจริง ๆ