Figma Config 2026 Updates | Code Layers, Motion, Weave, Shaders, Plugins & More!
2868 次观看 · 2026-06-25
UI 设计
Figma Config 2026 introduced one of the biggest updates in Figma's history. In this video I walk through every major announcement including Figma Code Layers, Figma Motion, Figma Weave, Generative Plugins, AI Shaders, Design Agent updates, new Connectors, Skills, and much more. If you're a UX designer, UI designer, Product Designer, Design Systems engineer, or Design Leader, this video gives you a practical first look at what these new tools actually mean for real workflows.
I recorded this directly from Config 2026 after attending the keynote so you can quickly understand what changed, where to find the new features inside Figma, and which updates are worth learning first.
-------------------------------------------------------------------------------
🔗 Figma Config Features Playground File: figma.com/community/file/1647513942386018246/config-2026-playground
🔗 Sign Up for Code layers Beta: https://www.figma.com/config-betas/
🔗 Shaders Website: https://shaders.figma.com/
-------------------------------------------------------------------------------
In this video you'll learn:
✔ Figma CodeLayers explained
✔ Figma Motion walkthrough
✔ New Design Agent capabilities
✔ AI Skills
✔ Connectors
✔ Shaders
✔ Generative Plugins
✔ Weave Tools
✔ Community Playground
✔ What's coming next
I'll also be publishing deep-dive tutorials for each of these new features over the coming days including:
• Figma Motion Complete Tutorial
• Figma Code Layers
• Figma Weave
• Figma Make
• AI Plugins
• Shaders
• Advanced Design Agent workflows
If you're interested in practical AI workflows for professional designers, consider subscribing so you don't miss those tutorials.
-------------------------------------------------------------------------------
⏱️Chapters
00:00 Intro
01:15 My experience attending the event - Why it mattered
02:42 Code layers inside the Figma Canvas
04:57 Figma Motion Demo
07:22 Figma Design Agent Context Updates: connectors, skills & more.
09:38 Shaders Demo: Fills & Effects
10:34 Generative Plugins Demo
12:10 Tools new tab with unlimited options
13:38 Figma Weave
-------------------------------------------------------------------------------
👩🏻💻 I'm Nehmat — Design Leader, Professor, and your guide for navigating the AI era.
I help designers master tools like Claude Design, Figma MCP, and AI design workflows with clarity and real-world application.
🎯 New videos as soon as you need to know: Figma Updates, Industry changes, AI tools & career evolution
💕 Subscribe to get the latest releases & changes in our industry
👉 Join my community to get First Access, more direct guidance & live consultation on your work
🔔 Turn on ALL notifications so you don't miss the latest releases and tutorials
🔥 Hype this video to help it reach the people searching for it
➡️ LinkedIn: https://linkedin.com/in/nehmatgereige
❎ X: https://x.com/33Nehmat
Ⓜ️ Medium: https://medium.com/@nehmat.gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
🌸 FREE Professional Courses 🌸
🤖 The New AI-Design Workflow — Claude AI + Figma (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHnCai2ohL6e9HA4mcq-ZEn0
☸️ Codex & Chatgpt for Designers: https://www.youtube.com/playlist?list=PLXdRMPwB8CHk4F76vsOWHehnz8pcKYP6T
🔥 Figma MAKE — 0 to Expert (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I
🌈 Complete Figma for Beginners 2025 (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🧘🏻♀️ Career in UX/UI Design (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y
I recorded this directly from Config 2026 after attending the keynote so you can quickly understand what changed, where to find the new features inside Figma, and which updates are worth learning first.
-------------------------------------------------------------------------------
🔗 Figma Config Features Playground File: figma.com/community/file/1647513942386018246/config-2026-playground
🔗 Sign Up for Code layers Beta: https://www.figma.com/config-betas/
🔗 Shaders Website: https://shaders.figma.com/
-------------------------------------------------------------------------------
In this video you'll learn:
✔ Figma CodeLayers explained
✔ Figma Motion walkthrough
✔ New Design Agent capabilities
✔ AI Skills
✔ Connectors
✔ Shaders
✔ Generative Plugins
✔ Weave Tools
✔ Community Playground
✔ What's coming next
I'll also be publishing deep-dive tutorials for each of these new features over the coming days including:
• Figma Motion Complete Tutorial
• Figma Code Layers
• Figma Weave
• Figma Make
• AI Plugins
• Shaders
• Advanced Design Agent workflows
If you're interested in practical AI workflows for professional designers, consider subscribing so you don't miss those tutorials.
-------------------------------------------------------------------------------
⏱️Chapters
00:00 Intro
01:15 My experience attending the event - Why it mattered
02:42 Code layers inside the Figma Canvas
04:57 Figma Motion Demo
07:22 Figma Design Agent Context Updates: connectors, skills & more.
09:38 Shaders Demo: Fills & Effects
10:34 Generative Plugins Demo
12:10 Tools new tab with unlimited options
13:38 Figma Weave
-------------------------------------------------------------------------------
👩🏻💻 I'm Nehmat — Design Leader, Professor, and your guide for navigating the AI era.
I help designers master tools like Claude Design, Figma MCP, and AI design workflows with clarity and real-world application.
🎯 New videos as soon as you need to know: Figma Updates, Industry changes, AI tools & career evolution
💕 Subscribe to get the latest releases & changes in our industry
👉 Join my community to get First Access, more direct guidance & live consultation on your work
🔔 Turn on ALL notifications so you don't miss the latest releases and tutorials
🔥 Hype this video to help it reach the people searching for it
➡️ LinkedIn: https://linkedin.com/in/nehmatgereige
❎ X: https://x.com/33Nehmat
Ⓜ️ Medium: https://medium.com/@nehmat.gereige
🌈 Figma Creations: https://www.figma.com/@nehmatgereige
🌸 FREE Professional Courses 🌸
🤖 The New AI-Design Workflow — Claude AI + Figma (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHnCai2ohL6e9HA4mcq-ZEn0
☸️ Codex & Chatgpt for Designers: https://www.youtube.com/playlist?list=PLXdRMPwB8CHk4F76vsOWHehnz8pcKYP6T
🔥 Figma MAKE — 0 to Expert (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHmbSLEKimjJMuvlAQgi09I
🌈 Complete Figma for Beginners 2025 (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN
🧘🏻♀️ Career in UX/UI Design (FREE Course):
https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y