Build Figma Plugins with Agents: The Practical Guide
11.3K views · 2026-06-25
UI Design
AI WORKFLOWS & MORE: https://uicollective.co/
Follow me on X: https://x.com/KirkMDesign
Design with AI - Full Guide: https://youtu.be/j_ZPV10bu54
Figma now lets you build custom plugins directly inside your file with AI agents. In this video, I’ll show you how it works, what makes a strong plugin prompt, and practical ways designers can think about, and build custom tools for translations, content, layouts, design systems, and more.
Need a design system? (also included in the academy): https://collectivekit.co/
Why Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)
🔗 OTHER SYSTEM VIDEOS TO WATCH
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow
Claude Design Video: https://youtu.be/eXlSgQmz02E
🔗 MORE LINKS
Figma’s Article: https://www.figma.com/blog/agent-custom-tools-context-skills/
Let us build or fix your design system: https://designsystemlabs.co/
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
kirkland@uicollective.co
0:00 An Introduction
0:17 True Purpose of a Plugin
1:42 What Makes a Good Plugin
2:18 Formula to Approaching Plugins
3:58 My Real World Scenario
4:58 Using the Figma Agent
5:56 Building a Figma Plugin
8:43 Making Changes
9:18 Next Steps For Design Leaders
Follow me on X: https://x.com/KirkMDesign
Design with AI - Full Guide: https://youtu.be/j_ZPV10bu54
Figma now lets you build custom plugins directly inside your file with AI agents. In this video, I’ll show you how it works, what makes a strong plugin prompt, and practical ways designers can think about, and build custom tools for translations, content, layouts, design systems, and more.
Need a design system? (also included in the academy): https://collectivekit.co/
Why Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)
🔗 OTHER SYSTEM VIDEOS TO WATCH
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System & Figma Variable Setup: https://youtu.be/L-tpK7Eeuow
Claude Design Video: https://youtu.be/eXlSgQmz02E
🔗 MORE LINKS
Figma’s Article: https://www.figma.com/blog/agent-custom-tools-context-skills/
Let us build or fix your design system: https://designsystemlabs.co/
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
kirkland@uicollective.co
0:00 An Introduction
0:17 True Purpose of a Plugin
1:42 What Makes a Good Plugin
2:18 Formula to Approaching Plugins
3:58 My Real World Scenario
4:58 Using the Figma Agent
5:56 Building a Figma Plugin
8:43 Making Changes
9:18 Next Steps For Design Leaders