Oct 26, 2025
Using AI to build design systems w/ Figma MCP
TJ Pietre on the future of design systems, using Figma MCP and Contextual Engineering
Workflows
Jasmine KaurStrategic AI Designer @Georgia Tech
TJ Pitre is a front-end engineer and design systems strategist with over 20 years of experience helping product teams ship faster and more consistently. As the founder and CEO of Southleft, he’s built a consultancy trusted by teams at NASDAQ, Caterpillar, Indeed, and IBM—known for its strong culture of creativity, truth, and craftsmanship.
In this episode of our podcast How I Vibe Design, TJ dives into how AI is reshaping the way we design, prototype, and build. He shares his process for blending atomic design principles with AI-assisted workflows using tools like Figma MCP, Cursor, and his own creations—FigmaLint, Story UI, and Design Systems Assistant MCP. This article highlights our biggest takeaways from that conversation.
What is the difference between vibe coding and contextual engineering?
★★★★★
It's basically like Mobbin,
but specifically for AI
but specifically for AI
Lead Product Designer at FocaldataCreate a free account
to keep reading
No credit card required. Upgrade later when you want the full playbook.
RELATED INSIGHTS
Making your design system agent ready
Everything you need to get started with an agentic design system.
I spent the afternoon with AI design leaders
An eye-opening experience into the future of design work.
The death of the search bar (as we know it)
A new UX pattern that's quietly evolving every app you use.
Updated weekly with new examples
200+ curated AI interactions
From ChatGPT to Figma AI, explore the best AI UX patterns from leading products.
Join 14,000+ design and product folks