Figma Config 2026: อะไรบ้างที่คนทำ Design System ต้องรู้ | Designil Plus- /
- Articles/
- Design System/
- Figma Config 2026: อะไรบ้างที่คนทำ Design System ต้องรู้
Figma Config 2026: อะไรบ้างที่คนทำ Design System ต้องรู้
สรุปไฮไลต์จากงาน Figma Config 2026 ผ่านมุมมองคนทำ design system ทั้ง Code Layers, Motion, Figma Agent, MCP + Code Connect และสิ่งที่มันเปลี่ยน workflow ของเรา

สรุปโดย: Nat Kessurang|ต้นฉบับ: Designil Plus
ในบทความนี้7 หัวข้อ
- 1. Code Layers: เส้นแบ่ง design/dev เริ่มหายไป
- 2. Figma Motion: motion กลายเป็นส่วนหนึ่งของ design system
3. Figma Agent (ฟีเจอร์ที่ปล่อยให้ใช้งานโดยทั่วกันแล้ว) + Skills + Connectors4. MCP + Code Connect ผูกกันแน่นขึ้น: ของที่เราลงทุนไว้กลายเป็นตัวคูณ5. Shaders, 3D Transforms, Generative Plugins6. Chrome Extension: เว็บเข้ามาบน canvas เป็น structured layerปลดล็อกเนื้อหาทั้งหมดของ Designil Plus
อ่านบทความเชิงลึก เข้าห้องสมุด และใช้เครื่องมือทั้งหมด
เริ่มต้นเพียง 150 บาท/เดือน
อ่าน 9 นาที · ชำระผ่าน PromptPay ไม่ผูกบัตร
Related Posts
รีวิว Astryx จาก Meta: Design System ระดับ Enterprise ที่บอกเลยว่าจึ้ง!
เขียนเจาะลึกรีวิว Astryx แบบละเอียดจากมุมมองคนทำ Design system ของจริง
27 มิ.ย. 26 · อ่าน 16 นาที
สร้างทั้ง Color System จากสีแบรนด์สีเดียว ด้วย OKLCH
เลิกทำ palette แบบเดิมที่ใช้ HSL หรือการเลือกพาเลตสีของ UI ด้วยฟีลลิ่ง มาเลือกสีให้เป็นระบบและผ่าน accessibility กัน
22 มิ.ย. 26 · อ่าน 4 นาที
ตอน 2: DSDS สอนวิธีทำ Design system documentation ตั้งแต่ 0
มาก้อปปี้โครงสร้างแล้วทำ Documentation ตามมาตรฐานตัวอย่างนี้ไปด้วยกัน ประหยัด Token และเนี้ยบสุดๆ