We get asked a lot: how do you handle design system documentation? Here’s the workflow: Figma Console MCP → generate component docs Company Docs MCP → publish to vector DB Claude/Slack → query it live Docs as infrastructure. Full breakdown 👇 www.linkedin.com/posts/tpitre...

New demo: blank Figma canvas → full mobile screen with real components, then a Brutalist theme from scratch. All with our Figma Console MCP. Walkthrough: www.linkedin.com/posts/tpitre...

Posted a quick demo on Claude Code → Figma vs. Figma Console MCP in system-driven workflows. Shows mapping live components back into Figma with real tokens and components. Sharing in case it’s useful: www.linkedin.com/posts/tpitre...

Here are my thoughts on @figma.com's new Claude Code → Figma feature vs Figma Console MCP in one place. www.linkedin.com/posts/tpitre...

Design ↔ code drift is usually slow, subtle, and expensive. I just published Part 1 & 2 of a demo showing how Figma Console MCP handles it both ways: • Design → Code • Code → Design Detect drift. Decide what’s canonical. Re-align intentionally. www.linkedin.com/posts/tpitre...

Every team says, “we’ll keep design and code in sync.” Six sprints later: …we didn’t. Here’s how we’re handling drift with Figma Console MCP. www.linkedin.com/posts/tpitre...

Did you all see our AI & Design Systems Super Bowl infomercial? Our very own @tpitre.bsky.social shares some of the exciting ways to use AI & design systems together to help your team make better work. Preorder the course & join our growing crew of AI & Design Systems nerds! aianddesign.systems

Just shipped a major update to FigmaLint with multi-provider AI support, auto-fixes, accessibility scoring, and better handoff exports. If you care about clean tokens, clear states, and ready-to-ship components, check this out 👇 🔗 www.linkedin.com/posts/tpitre...

Design systems are visual. Most MCP tooling hasn’t been... until now. I demoed MCP Apps inside the Figma Console MCP with live token tables, health checks, scores + examples, and batch tools. Check out the walkthrough: www.linkedin.com/posts/tpitre...

I’ve heard a few folks say the Figma Console MCP setup feels cumbersome. I recorded the full install, start to finish. Clone to live in Figma in under 3 minutes. Full walkthrough 👇 www.linkedin.com/posts/tpitre...

“This is cute, but it’s not for enterprise design systems.” That line stuck with me. So I unpacked why the exact work that looks small in a demo is what actually saves hours, prevents drift, and scales design systems in the real world. Full breakdown here 👇 www.linkedin.com/posts/tpitre...

Hot take that keeps proving itself: Design systems don’t start in Figma or Storybook. They start with tokens that know what they’re doing. I shared a demo showing how that plays out when your system can actually carry context across design and code. 👉 www.linkedin.com/posts/tpitre...

Inspired by a great idea from Nathan Curtis on “code-only props” in Figma. I recorded a short demo exploring how non-visual component metadata (accessibility, semantics, behavior) can live inside components and be consumed programmatically using Figma Console MCP. www.linkedin.com/posts/tpitre...

HOLY SHIT WE ARE COOKING ON OUR AI & DESIGN SYSTEMS COURSE! @ian-frost.bsky.social @tpitre.bsky.social and I had a fantastic live session with our preorder community yesterday, and we just got off an epic (and meta!) working session.

If you manage Figma as a designer, DS lead, or engineer this is the glue. This isn’t “AI reads from Figma.” It’s read and write control across projects, tokens, components, and docs. If you watch one design systems + AI video today, make it this one. 👉 www.linkedin.com/posts/tpitre...

Built a WordPress page without opening WordPress. Created a full services page for a fake cat grooming business — content, images, blocks, everything — just by talking to Claude through our MCP. Demo video + the live page: www.linkedin.com/posts/tpitre... #cats #wordpress

What the heck is A2UI anyway? It’s not AI generating UI code. It’s AI describing intent for an interface, and your app rendering real components from your design system at runtime. Post + demo here: www.linkedin.com/posts/tpitre... #ai #a2ui #designsystems

Part II is up. This one gets a little recursive... I used the AI workflow to write the LinkedIn post about the AI workflow. But the real thread running through this: natural language is collapsing the space between intention and execution 🤯 www.linkedin.com/posts/tpitre...

WordPress without wp-admin. We built an MCP that handles posts, tags, images, publishing, everything, through natural language. No block editor. No dashboard juggling. This is what less UI actually looks like. www.linkedin.com/posts/tpitre...

We built an open-source MCP for Harvest because some of the most important agency questions are still oddly hard to answer. Profitability, utilization, margin by project or client, year-end summaries. Now you can just ask and get deterministic answers back. www.linkedin.com/posts/tpitre...

Cursor’s new visual editor + Story UI is a strong combo. Prompt a layout. Visually refine it with real tokens and props. Save the story. Done. www.linkedin.com/posts/tpitre...

You can vibe almost anything now. That’s the good part. It’s also where things get a little weird. I wrote about vibe coding, ownership, and when it’s worth slowing down instead of subscribing. www.linkedin.com/posts/tpitre...

London for the @zeroheight.com Design Systems Awards. We didn’t take home the Innovation award, and that’s genuinely okay. Being shortlisted mattered. Meeting the design systems community in real life mattered more. Great conversations, great food, great memories. 10/10 trip. Would do again.

When AI and Figma MCP work together seamlessly 🤝 #figma #mcp #ai #designsystems

Last day of our Black Friday design systems course sale! bradfrost.com/blog/post/ou...

📣 Introducing our new course, AI and Design Systems! bradfrost.com/blog/post/in... AI can make a huge mess. The constraints of your design system can help keep AI on the rails. Our course will teach you core concepts and show you how to use AI & design systems together to make great things.

The mere mention of AI elicits an extremely polarizing response at this moment in time. I made a video to explain why we’re creating this course, how we think about AI, and how we’re going about creating this course. www.youtube.com/watch?v=TL1h...

We’ve been using our AI meeting recorder for more than notes. It now feeds directly into the tools that move our projects forward. Proposals, planning, prototypes, code. All from the transcript. Broke down the workflow here: www.linkedin.com/posts/tpitre...

HUGE update to the Design Systems Assistant MCP! 🔥 Faster setup, smarter search, and a much deeper DS knowledge base. Details here: www.linkedin.com/posts/tpitre...

Thrilled to be teaming up with @bradfrost.com and @ian-frost.bsky.social to help people put AI to work with their design systems instead of working against them. The future of product development is smarter, faster, and still beautifully consistent! 👇

Part 5 of the Figma Console MCP series. This one is centered on plugin development. The demo walks through how Console MCP and Claude Code can streamline debugging by removing all the copy-paste friction. You get clean logs, instant feedback, and quicker iteration. www.linkedin.com/posts/tpitre...

Part 4 of the Figma Console MCP series is live: Unlocking Full Variable Access (No Enterprise Plan Required). This one shows how the local MCP, powered by the Desktop Bridge plugin, can access all Figma variables and modes, even outside Enterprise! More here: www.linkedin.com/posts/tpitre...

Not every AI-assisted code workflow is vibe coding. Vibe coding is the creative spark. Context engineering is the structure that turns it into something real. Read the full breakdown: southleft.com/insights/ai/...

Everyone’s hyped about @figma.com Dev Mode MCP. But here’s what it can’t do: ⚠️ No token architecture analysis ⚠️ No project-wide diagnostics ⚠️ No plugin console logs That’s why I built Figma Console MCP → the missing diagnostic + audit layer for Figma. www.linkedin.com/posts/tpitre... #mcp

Just posted a quick demo showing how to debug component libraries using the new Chrome DevTools MCP. No more screenshots. No more copy/pasting console logs into Cursor (or whatever AI code client) Watch here: www.linkedin.com/posts/tpitre... #ai #designsystems #mcp

We’ve been shortlisted for the Award for Innovation in the @zeroheight.com Design System Awards! 🙌 Thanks to everyone who’s supported the work we’re doing to make design systems more thoughtful, useful, and fulfilling! 💙 Vote here! awards.zeroheight.com

🏆🏆 THE SHORTLIST IS NOW LIVE! 🏆🏆 We've finally announced the finalists and opened up public voting for the Design System Awards. Check it out here: zeroheight.com/blog/design-...

Turn your docs into an AI-powered assistant! Just launched Company Docs MCP – free & open source. ✅ Instantly searchable ✅ Enrich your AI workflows ✅ No duplicate sources needed More here: www.linkedin.com/posts/tpitre... #opensource #AI #documentation #designsystems

📙 📗 📘 📕 The History of Themeable User Interfaces: bradfrost.com/blog/post/th... It was an incredible experience to write this piece. It blurs together the history of computers, video games, the web, design systems, and my own existence on this planet.

Thursday: @tpitre.bsky.social (CEO, Southleft) shows what happens when you give AI your design system: ⚡ On-brand UI from the first prompt 🧩 Storybook + MCP + Claude workflows 🚀 Faster prototyping, fewer re-prompts Don’t miss it! (link in comments)

New feature demo for Story UI: Visual Builder. AI can generate components fast, but the last 5% is where trust breaks - spacing, variants, small details. Visual Builder lets you edit, tweak, and export directly from the generated story. Demo & details: www.linkedin.com/posts/tpitre...

AI-generated UI ≠ production UI. AI UI is off-brand without your design system, and falls apart in production. Join us live with @tpitre.bsky.social, CEO of Southleft & AI-powered DS expert, to see how Storybook + MCP + Claude generate UI from your real components. Registration in comments 👇

Join me for tomorrow at 11 am ET for 3 hours of guided silence, light Reiki, and mindful meditation as we explore the mystical path of context-based design systems. You’ll leave feeling grounded, centered, and more context-aware.

Excited (and a little nervous) to be speaking on Aug 20 for @zeroheight.com’s DS Live. I’ll be talking about Context-Based Design Systems, why they matter now, and how AI is changing the game. Would love to see you there! 🔗 webinars.zeroheight.com/register/zer... #ai #designsystems

Just shared a demo showing what happens when AI actually understands your design system. Layering Claude Desktop with project-specific context (Figma MCP) + domain knowledge (Design Systems Assistant MCP) changes everything. Check it out: www.linkedin.com/posts/tpitre...

Built a CLI tool that audits design systems like Lighthouse audits sites. Checks tokens, components, infra, docs, and gives high-level insights plus Claude-powered AI chat. Demo + details: 🔗 www.linkedin.com/posts/tpitre... #designsystems #ai

Co-hosted a live demo with the SuperFriendly crew on how AI is transforming product workflows. Open source tools. No fluff. Real potential. Watch the recording and see what’s possible: 🔗 www.linkedin.com/posts/tpitre...

Context-Based Design Systems A more intentional model for how AI, design, and development can work together when every step inherits meaning from the last. southleft.com/insights/des... #designsystems #aiworkflow #frontend

Just shipped a Figma plugin called FigmaLint - designed to help designers build more implementation-ready components with smart audits, AI-powered suggestions, and zero file mutations. If your team’s working with design systems + MCP, check it out: www.linkedin.com/posts/tpitre...