Figma's native MCP now supports custom skills, and this video shows exactly how to build one. Designer advocate Amy Lima and TJ Pitre, creator of the Figma Console MCP and newly hired product architect for Design Systems at Figma, walk through a skill called prototype-to-figma that converts working code prototypes into structured Figma design files, splitting each interaction flow into separate frames, mapping components to your design system, and adding native interaction annotations.
The real value here is not the demo itself but the anatomy breakdown starting at 1:00. Pitre and Lima dissect what a skill actually is at the definition level, then show the refinement process at 10:05, which is the part most tutorials skip. Understanding how to iterate on a skill is what separates a one-off script from something reusable and community-shareable. The full skill is open on GitHub.
Pitre is not a neutral presenter. He built the Figma Console MCP, now works inside Figma on design systems tooling, and is still running Southleft as founder and CEO. His framing of what agents need to do with design systems, inside and outside Figma, is the thread worth following into the longer interview linked in the description.
[WATCH ON YOUTUBE →]