Getting Started with Custom Skills | ft. Amy Lima & TJ Pitre

Learn how to use custom skills with Figma’s native MCP to streamline your design workflows.

Designer advocate Amy Lima and design systems veteran TJ Pitre (creator of the Figma Console MCP) walk you through the definition, anatomy, and refinement of a custom skill so you can work smarter with AI on the canvas. This skill brings working code prototypes into structured Figma design files, exploding each interaction flow into separate frames, using your design system components, and annotating interaction details natively in Figma → https://github.com/alima-max/prototype-to-figma-skill/tree/main

TJ Pitre recently joined our team at Figma as a product architect for Design Systems, working across groups on our DS offering. TJ doesn’t think about design systems in the abstract — he’s been in the weeds building them, teaching them, and rethinking what they need to be now. His expertise maps directly to our product priorities: making agents good at using design systems inside and outside of Figma, while continuing his work at Southleft’s as its founder and CEO.

More from Amy’s interview with TJ → https://youtu.be/zrDt4T_SLgE

00:00 Intro
01:00 What is a skill?
01:46 The /prototype-to-figma skill
10:05 Improving a skill
12:37 Sharing with the community
13:38 Outro
____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/