Loading video...

Video Failed to Load

Go Home

Design System with AI Part 1: Talked about my agents, setting up the foundation: design tokens in Figma and exporting Local Variables to Claude with rules.

21,202 views • 4 months ago •via X (Twitter)

26 Comments

Druids's profile picture
Druids4 months ago

My AI Workflow Figjam File:

Silas Yu's profile picture
Silas Yu4 months ago

Design tokens exported from Figma into agent workflows is the right direction. The next layer is making the tokens themselves sovereign.Right now design systems live inside vendor tools. Figma owns the tokens, Notion owns the documentation, Storybook owns the rendering. Three companies, three lock-ins, one design system you don't fully control.The full sovereign version is plain-text tokens (TOML or YAML), Markdown documentation, and an open render pipeline. Then your agents work on substrate that survives the death of any vendor in the chain.

Druids's profile picture
Druids4 months ago

Exactly, I will be showcasing my agent pipeline in action in the next video.

MrPrime ✦.'s profile picture
MrPrime ✦.4 months ago

Now I know that I am not crazy using "999" as part of my number scale. Hahaha. My mentor uses another method, but I just feel 999 as max also maintain the consistency

Druids's profile picture
Druids4 months ago

Yep, what method does your mentor use?

MrPrime ✦.'s profile picture
MrPrime ✦.4 months ago

Nigga prefer multiplying the height gap for get the a rounded edge like for radius of any rectangle or button. So she doesn’t always set for max especially for radius.

Queennette Kachi's profile picture
Queennette Kachi4 months ago

Say na dark ages😂 Thank you for sharing, super stuff as always. 🚀

Druids's profile picture
Druids4 months ago

😂😂 You're welcome

ℓαяє's profile picture
ℓαяє4 months ago

Where can i get those frames?

Druids's profile picture
Druids4 months ago

Got them on Amazon Lego Redbull: Redbull Frame: LEGO Technic Ferrari: Ferrari Frame:

Jesutofunmi's profile picture
Jesutofunmi4 months ago

Already on YouTube ?

Druids's profile picture
Druids4 months ago

Yessir

Jesutofunmi's profile picture
Jesutofunmi4 months ago

Thank you sir. Watching this video everyday with your ai workflow Thanks alot for sharing value

Somi's profile picture
Somi4 months ago

does this hold up for semantic tokens that alias primitives? that's usually where the figma export gets messy

Druids's profile picture
Druids4 months ago

Yes, it does hold up.

Designer_Ajax's profile picture
Designer_Ajax4 months ago

Waiting on the part 2 of this

Druids's profile picture
Druids4 months ago

Need to make a content calendar, totally forgot I was suppose to do a Part 2😂😂 Thanks for reminding me, will post next week🫡

Designer_Ajax's profile picture
Designer_Ajax4 months ago

Ok thanks, if it’s going to be a live call Please give a heads up so i can free up my calendar for that. Appreciate it You’re the real mvp

Druids's profile picture
Druids4 months ago

Will do, ser🫡

nwankwo.eth (🧱,🥑)'s profile picture
nwankwo.eth (🧱,🥑)4 months ago

Dark ages 😂

Druids's profile picture
Druids4 months ago

😂

Abdul_uxui's profile picture
Abdul_uxui4 months ago

Please make more videos like this

Freya's profile picture
Freya4 months ago

Token name drift is the killer, lock a schema and diff exports in CI

Druids's profile picture
Druids4 months ago

For existing products, I fix drifts iteratively in small releases so it doesn't break prod.

VICTOR | DESIGN GOVERNOR's profile picture
VICTOR | DESIGN GOVERNOR4 months ago

This is super helpful

Druids's profile picture
Druids4 months ago

You're welcome🫡

Related Videos