TL;DR: @tpitre.bsky.social , @ian-frost.bsky.social , and I wrapped up our AI & Design Systems Course; the price goes from $995 to $1,495 on September 30th.
TL;DR: @tpitre.bsky.social , @ian-frost.bsky.social , and I wrapped up our AI & Design Systems Course; the price goes from $995 to $1,495 on September 30th.
Wrote about why this is happening now, and a new way to catch it.
www.linkedin.com/posts/tpitre...
Wrote about why this is happening now, and a new way to catch it.
www.linkedin.com/posts/tpitre...
If your design system feels rigid, this is probably why.
Slots make it flexible without you having to predict every future need.
More here:
www.linkedin.com/posts/tpitre...
If your design system feels rigid, this is probably why.
Slots make it flexible without you having to predict every future need.
More here:
www.linkedin.com/posts/tpitre...
Authority belongs to whatever layer can refuse deterministically, not whatever instructs loudest.
New piece:
open.substack.com/pub/southlef...
Authority belongs to whatever layer can refuse deterministically, not whatever instructs loudest.
New piece:
open.substack.com/pub/southlef...
The demo is fun. The reason it's possible is the actual piece.
southleft.substack.com/p/ai-propose...
The demo is fun. The reason it's possible is the actual piece.
southleft.substack.com/p/ai-propose...
I demoed driving it with an MCP: prompt → animation → motion values saved as variables → DTCG tokens.
southleft.substack.com/p/figma-moti...
I demoed driving it with an MCP: prompt → animation → motion values saved as variables → DTCG tokens.
southleft.substack.com/p/figma-moti...
"What are you least confident in right now?"
AI is your biggest hype man. That question makes it second-guess itself and surfaces what you'd catch in review 3 days too late.
Full piece 👇
open.substack.com/pub/southlef...
"What are you least confident in right now?"
AI is your biggest hype man. That question makes it second-guess itself and surfaces what you'd catch in review 3 days too late.
Full piece 👇
open.substack.com/pub/southlef...
The work I've been doing on the outside is now the inside work. Still a little surreal, mostly just excited to get to work!
www.linkedin.com/posts/tpitre...
The work I've been doing on the outside is now the inside work. Still a little surreal, mostly just excited to get to work!
www.linkedin.com/posts/tpitre...
AI doesn't replace your design system. It raises the cost of not having a good one.
southleft.substack.com/p/some-good-...
AI doesn't replace your design system. It raises the cost of not having a good one.
southleft.substack.com/p/some-good-...
I turned the 22 most useful Console MCP tools into skills the native MCP can run.
Take what's useful. They're all yours:
www.linkedin.com/posts/tpitre...
I turned the 22 most useful Console MCP tools into skills the native MCP can run.
Take what's useful. They're all yours:
www.linkedin.com/posts/tpitre...
aianddesign.systems
Operators, @tpitre.bsky.social, and @ian-frost.bsky.social are standing by.
aianddesign.systems
Operators, @tpitre.bsky.social, and @ian-frost.bsky.social are standing by.
◉ Over 18 hours of video, including lessons, demos, and community jam sessions
◉ An amazing Slack community helping
◉ And sharing links/resources/tips
◉ Over 18 hours of video, including lessons, demos, and community jam sessions
◉ An amazing Slack community helping
◉ And sharing links/resources/tips
A designed frame gets read as a node tree the agent has to reconstruct. A description field gets read as markdown. No guessing.
One is gorgeous. The other is queryable.
open.substack.com/pub/southlef...
A designed frame gets read as a node tree the agent has to reconstruct. A description field gets read as markdown. No guessing.
One is gorgeous. The other is queryable.
open.substack.com/pub/southlef...
So I tried it from an empty folder. Just a directory and a Figma file, building a token-connected design system from scratch.
Wrote up how it went:
www.linkedin.com/posts/tpitre...
So I tried it from an empty folder. Just a directory and a Figma file, building a token-connected design system from scratch.
Wrote up how it went:
www.linkedin.com/posts/tpitre...
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...
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...
@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
@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
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...
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...
The framework held up. The vocabulary needed sharpening.
Tools change fast. Context compounds.
southleft.substack.com/p/context-ba...
The framework held up. The vocabulary needed sharpening.
Tools change fast. Context compounds.
southleft.substack.com/p/context-ba...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...