Big day!! We're moving along on the AI & DS course!! 🎉 TL;DR: Chapters 1 and 2 are live, 16+ hours of video, and the $500 preorder price ends EOD Tuesday May 26th. Full post: www.linkedin.com/posts/tpitre...

🎉 Big update on our AI & Design Systems Course! bradfrost.com/blog/post/bi... @tpitre.bsky.social , @ian-frost.bsky.social , and I have been busting our asses. Our course now has over 16 hours of videos, including lessons, community jam sessions, and other demonstrations. 👉 aianddesign.systems

Bad upstream decisions in a design system don't stay bad in one place. They become bad everywhere the system touches. That's the cascade, and it works exactly the same way when AI agents are doing the cascading. Wrote a piece on how to think about it. www.linkedin.com/posts/tpitre...

Revisited Context-Based Design Systems a year after writing the original. The framework held up. The vocabulary needed sharpening. Tools change fast. Context compounds. southleft.substack.com/p/context-ba...

The future of design systems — part 1: The product your design system is actually building zeroheight.com/blog/the-fut...

Most enterprise design system teams don't have AI tools yet. The gates exist for good reasons. So we ran a workshop on getting Figma files AI-ready for tools the team doesn't have yet. Turns out none of the practices were actually AI-specific. 👉 southleft.substack.com/p/anatomy-of...

Designers aren't cooked. Figma isn't dead. Claude Design isn't a Figma killer. A practitioner's read on what it is, what it isn't, and where Figma actually sits in this picture. southleft.substack.com/p/claude-des...

"We're just naming files at this point" CLAUDE.md, .cursorrules, AGENTS.md, DESIGN.md, every AI tool has its own version of "put your instructions in a file" Tested whether DESIGN.md actually changes the output. It does. But not for the reasons people think. southleft.substack.com/p/designmd-f...

We just shipped accessibility tooling in Figma Console MCP that covers both the design and code side. It catches the stuff that slips through: contrast issues, missing focus states, undersized targets, bad aria attributes. And it fixes what it finds. In real time. www.linkedin.com/posts/tpitre...

Three prompts and about 20 minutes. That's all it took to generate a full Figma Slides presentation template from Brad Frost's design tokens using Figma Console MCP. Full writeup coming soon. For now, here's the video walkthrough: www.linkedin.com/posts/tpitre...

Designers have always had a seat at the table. For a long time, it felt like the kids' table. That's changing. New article on why there's never been a better time for designers to own their work all the way to shippable code. southleft.com/insights/des...

Everyone's hyped about writing back to Figma. I feel it too, but we're getting a little lost in the sauce. I'm on a mission to empower designers to lean more into code contributions. This demo is what that looks like in practice. www.linkedin.com/posts/tpitre...

New from @figma.bsky.social: native MCP write capabilities (beta) I ran a quick demo where I used it to generate a Chip component from code into Figma, then layered in Figma Console MCP for a code parity check. They complement each other well! Full breakdown: www.linkedin.com/posts/tpitre...

Three big Story UI updates: → Voice Canvas (generate Storybook stories by voice) → Multi-framework support (Vue, Angular, Svelte, Web Components) → Multi-provider LLM support (Claude, OpenAI, Gemini). Free, open source. Full details: www.linkedin.com/posts/tpitre...

Your design system is now an API any AI platform can use. From your phone. Cloud Mode for Figma Console MCP: connect Claude, Lovable, v0, or Replit to your Figma files. No Node.js. No terminal. Just a pairing code. Full article + demo 👇 www.linkedin.com/posts/tpitre...

I’ve been getting a lot of questions about running Figma Console MCP with Codex, so I recorded a full demo and wrote up the setup. Covers the full workflow: installing MCP, connecting Figma, and running design → code parity checks. southleft.substack.com/p/running-fi...

AI code generators build with their own defaults. Your actual design system lives in Figma. So we added a new remote endpoint tool to Figma Console MCP that lets tools like Lovable, v0, and Replit read your system directly from Figma. www.linkedin.com/posts/tpitre...

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/...