I will audit your design system for FREE. DM for instructions. #DesignAudit #BrandAudit #DesignSystems #Designtokens #Frontend #UX #UIDesign

We're moving away from "picking" colors and moving toward engineering color systems. If you build UIs: What’s your biggest headache when managing color scales across different devices? #OKLCH #Colors #DesignSystems #ColorScience #DesignTokens #ColorTheory

Dembrandt extracts design tokens from live applications and helps AI-native design & development teams keep design systems consistent by detecting and preventing design drift. #DesignSystems #DesignTokens #DesignDrift #DesignAudits #BrandAudits

Core was rewritten to TypeScript - You are welcome! #TypeScript @typescript #DesignTokens #BrandAudits #DesignContext #BrandDrift #TokenDrift #DesignSystems

from the archives: What Else Can We Do With Design Tokens? We can store design decisions sure, but we could add some key information for tooling, documentation, and more. alwaystwisted.com/articles/w… #DesignSystems #DesignTokens #WebDesign 🙏🖤

Want to build highly customizable, accessible, and high-performing client-side interfaces? 🛠️ It’s time to explore Batoi UIF. 🔗 Learn more: buff.ly/KDPXMmR 🔗 Read the full guide here: buff.ly/KDPXMmR #BatoiUIF #MicroApps #DesignTokens #WebDev #UIUX #TechDoc

I think you can register a renderer or write your own. There is an example on the page for the various outputs like w3c design tokens.

How does that get reused across platforms (web, mobile, design, etc.)?

Have you seen design-book by @meodai? meodai.github.io/design-book… I think this is the way. Less tokens, more logic and compiles across formats.

How are teams organizing their #DesignTokens based on the W3C @DesignTokens spec? Are they in single file, split up by theme, category, tier, etc.? #DesignSystems

Coining new terms. Introducing Headless Design. #DesignSystems #DesignTokens #BrandAudits #BrandStrategy #Marketing #UI #FrontEnd #UX

I tested every major vibe coding tool for Design Consistency. The best AI-led code created drift that was four times more costly to fix than the human-led equivalent. Design Consistency Drift is the gap between the production-ready design system your team intended and what your AI actually ships (hardcoded values, off-token spacing, components referenced but never defined). Drift compounds silently as velocity climbs (Read more about drift and production readiness here zurl.co/60RVS ). METHODS. We deployed 36 identical AI prompts (real components a developer would build: buttons, forms, dashboards, navs, modals) across five tools (Cursor, Claude Code, Lovable, GitHub Copilot in VS Code, Figma Make) with the same baseline Claude Sonnet 4.6 model under each. The only difference between conditions was the tool. We scanned each file with ReWeaver AI. FINDINGS. All tools produced drift on every prompt. Drift Frequency (Percentage of generated lines with more one drift finding: Human baseline . . .2.5% Cursor. . . . . . . . .. . . 3.0% Claude Code. . . . . . .3.4% Lovable. . . . . . . . . . .3.9% Figma Make. . . . . . . 5.2% VS Code. . . . . . . . . . .5.5% Production Drift Ratio: The PDR weights findings by severity and fix time. (Read more about PDR here zurl.co/SFWGh ). Human baseline . . .0.11 VS Code . . . . . . . . . . 0.45 Lovable . . . . . . . . . .0.53 Claude Code . . . . . .0.57 Cursor . . . . . . . . . . .0.61 Figma Make . . . . . .0.77 The dominant issue was missing components (UI primitives used in markup but never imported or declared, because the models named them from memory without checking they existed). Lesser patterns included arbitrary font sizes, overuse of absolute positioning, placeholder content shipped straight into the UI. One tool leaned heavily on inline styles that bypassed design tokens. TAKEAWAY. Design systems are the contract between design and code. AI doesn't read contracts. Skills tell the model what to do; ReWeaver AI tells you the contract held. #DesignSystems #DesignTokens #AIblackbox #humanincontrol #DriftPrevention #productionreadycode

Post your company URL. I'll do a free design system audit. #DesignSystems #DesignTokens #DesignSystemAudit

Token drift detected. Dembrandt CLI extracts tokens from any site. The App compares snapshots over time. Pin a baseline, run another extraction, get a visual diff of everything that shifted. dembrandt.com/app #DesignTokens #DesignDrift #BuildInPublic #DesignSystems

اعمل ايه لو الفريق بتاعي بيشتغل بمكتبه فيها اكتر من ثيم؟ ده جزء بسيط من كورس ال Mastering Design System and Design Tokens Using AI لو حابب تنضم لقائمة الانتظار. ضيف بياناتك في الفورم اللي ف ياللينك ده osamaeldrieny.com/courses/de… #designsystem #designtokens #figma

حاجتين مهمين أغلب الناس بتنساهم في الديزاين سيستم ده جزء بسيط من كورس ال Mastering Design System and Design Tokens Using AI لو حابب تنضم لقائمة الانتظار. ضيف بياناتك في الفورم اللي ف ياللينك ده osamaeldrieny.com/courses/de… #designsystem #designtokens #figma

The "Forge" is hot. 🔥 We started with a mission: To make design systems accessible to everyone. Today, we’re proving it. It’s DEMO DAY for TokenForge! 🚀 Join us today 👇 by 3pm forms.gle/CUPDrLS6kRrwK3GMA @Joe_brendan_ @devanddesignhq #BuildInPublic #TokenForge #DesignTokens

اكتر حاجتين يخلوا الديزاين توكنز تبقي عائق و مضره للشركه ده جزء بسيط من كورس ال Mastering Design System and Design Tokens Using AI لو حابب تنضم لقائمة الانتظار. ضيف بياناتك في الفورم اللي ف ياللينك ده osamaeldrieny.com/courses/de… #designsystem #designtokens

مرحله تسليم الديزاين سيستم اتغيرت بعد الAI يارتي فريقك لسه شغال بانهي طريقه ده جزء بسيط من كورس Mastering Design System and Design Tokens Using A لو حابب تنضم لقائمة الانتظار. ضيف بياناتك في الفورم اللي ف ياللينك ده osamaeldrieny.com/courses/de… #designsystem #designtokens #figma

كنز معلومات تحت ايديك متعوب فيه اكتر من ٣ سنين مجاني دلوقتي. دي نبذه صغيره منه لكن اتكلمنا عنه من فتره في لايف سيشن منفصله هسيب ليكم اللينك في التعليقات. ما تنساش لايك و شير و كومنت #designtokens #resources #designsystem