Figma Skills Explained
This video breaks down what Figma Skills are, how they work, and how to actually use them to improve consistency, automate repetitive work, and connect your design system to in Claude Code.
Figma Skills let AI agents properly interact with the Figma canvas, so you’re not just generating random UI, you’re working with real structure, real components, and real systems.
🔗 KEY LINKS
📣 JOIN THE COMMUNITY: https://uicollective.co/
❎ Follow me on X: https://x.com/KirkMDesign
Figma article: https://www.figma.com/blog/the-figma-canvas-is-now-open-to-agents/
Figma Skills: https://www.figma.com/community/skills
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!)
↪️ Need a design system? (also included in the academy): https://collectivekit.co/
🔗 VIDEOS TO WATCH
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System Setup: https://youtu.be/L-tpK7Eeuow
AI & Design Systems: https://youtu.be/XfezMs8B-O8
Design with Claude Code: https://youtu.be/JMQ0X_si144
🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
kirkland@uicollective.co
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
Figma MCP Documentation: https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server
0:00 An Introduction
0:31 Current State of Figma Skills
1:55 What is a Figma Skill
3:43 Getting Started with Figma Skills
5:27 Connecting Figma MCP Inside of Claude
6:12 Uploading Our Figma Skills
10:00 Testing Our Figma Skills
11:11 Reviewing Output
12:04 Adding Additional Skills
13:13 Reviewing AI Audit Results
15:38 Why This Matters
16:49 Outro
Figma Skills let AI agents properly interact with the Figma canvas, so you’re not just generating random UI, you’re working with real structure, real components, and real systems.
🔗 KEY LINKS
📣 JOIN THE COMMUNITY: https://uicollective.co/
❎ Follow me on X: https://x.com/KirkMDesign
Figma article: https://www.figma.com/blog/the-figma-canvas-is-now-open-to-agents/
Figma Skills: https://www.figma.com/community/skills
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!)
↪️ Need a design system? (also included in the academy): https://collectivekit.co/
🔗 VIDEOS TO WATCH
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System Setup: https://youtu.be/L-tpK7Eeuow
AI & Design Systems: https://youtu.be/XfezMs8B-O8
Design with Claude Code: https://youtu.be/JMQ0X_si144
🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
kirkland@uicollective.co
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
Figma MCP Documentation: https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Figma-MCP-server
0:00 An Introduction
0:31 Current State of Figma Skills
1:55 What is a Figma Skill
3:43 Getting Started with Figma Skills
5:27 Connecting Figma MCP Inside of Claude
6:12 Uploading Our Figma Skills
10:00 Testing Our Figma Skills
11:11 Reviewing Output
12:04 Adding Additional Skills
13:13 Reviewing AI Audit Results
15:38 Why This Matters
16:49 Outro