‏اتلسین DESIGN.md گوگل رو محک زد

وقتی AI رابط کاربری می‌سازه، خروجی‌ها معمولاً شبیه همن: دکمه‌های گرادیانی، هدینگ‌های تمام‌بزرگ و کارت‌های عمومی. جامعه دیزاین به این خروجی‌ها می‌گه «slop»؛ چیزی که کار می‌کنه ولی هویت بصری برند شما رو نداره. تیم دیزاین سیستم اتلسین تو این مقاله تجربه‌ش از تست فرمت DESIGN.md رو به اشتراک گذاشته؛ فرمتی متن‌باز از گوگل که قراره همین مشکل رو حل کنه.

DESIGN.md که گوگل برای ابزار Stitch طراحیش کرده، یه فایل Markdown قابل‌حمل‌ه که عناصر کلیدی یه دیزاین سیستم رو خلاصه می‌کنه: بخش اولش ماشین‌خوانه و توکن‌های دیزاین رو لیست می‌کنه، بخش دومش هم منطق طراحی رنگ، فاصله‌گذاری، layout و کامپوننت‌ها رو برای آدم‌ها و ایجنت‌ها توضیح می‌ده. طبق اسپک رسمی، این فرمت «نیت» سیستم رو ثبت می‌کنه، نه جزئیات کامل پیاده‌سازی، کتابخونه‌های کد یا قوانین لینت رو.

اتلسین از پایپ‌لاین محتوای ساخت‌یافته خودش — همونی که MCP سرور و اسکیل‌هاش رو تغذیه می‌کنه — یه DESIGN.md اختصاصی تولید کرد و اونو تو دموی کی‌نوت رویداد Team '26 محک زد؛ جایی که Figma Make باید داشبوردهای سفارشی می‌ساخت. نتیجه خوب بود: فایل، خروجی رو از حالت عمومی به چیزی کاملاً «اتلسینی» تبدیل کرد؛ با رنگ، فاصله‌گذاری، تایپوگرافی و elevation درست. برای پروتوتایپ یک‌ضرب با کتابخونه‌هایی مثل Tailwind و Shadcn عالی جواب می‌ده.

ولی داستان تو پروداکشن فرق می‌کنه. به گفته تیم اتلسین، برای یه تسک ساده مثل ساخت صفحه لاگین، تکیه صرف به DESIGN.md حدود ۹۲٪ توکن بیشتر از MCP سرور و اسکیل‌های خودشون مصرف کرد، کندتر بود و واریانس مصرف توکنش هم ۲.۷ برابر شد. البته خودشون تأکید می‌کنن این اعداد قطعی نیستن و نتیجه با مدل، پرامپت و محیط فرق می‌کنه.

ریشه مشکل از نظرشون دو تا محدودیته: MCP سرور کانتکست رو on-demand لود می‌کنه و ایجنت فقط راهنمای همون کامپوننت موردنیازش رو می‌گیره، ولی DESIGN.md هر بار همه‌چیز رو یکجا تو کانتکست می‌ریزه؛ یعنی هزینه بیشتر، پاسخ کندتر و truncation زودتر. از طرف دیگه برای جا شدن راهنمای ۲.۵ مگابایتی سیستم تو یه فایل ۸۰ کیلوبایتی (حدود ۱۹٬۸۰۰ توکن)، مجبور شدن کلی از راهنمای استفاده کامپوننت‌ها و توکن‌های کم‌مصرف رو حذف کنن.

محدودیت سوم از نظرشون جدی‌تره: DESIGN.md اسپک بازسازی کامپوننت‌ها رو می‌ده، نه راهنمای استفاده از کد موجود. نتیجه اینکه ایجنت‌ها به‌جای ایمپورت کامپوننت‌های آماده، اونا رو از صفر می‌سازن و بدهی فنی تولید می‌کنن. چیزی که اتلسین ترجیح می‌ده اینه که ایجنت یاد بگیره از کامپوننت موجود استفاده کنه:

import Button from '@atlaskit/button';
// ...
<Button appearance="primary" spacing="compact" />

با این حال تیم اتلسین فرمت رو بی‌فایده نمی‌دونه: برای جهت‌دهی هنری سطح‌بالا، پروتوتایپ سریع تو محیط‌های ناآشنا، سازگاری با ابزارهای دیزاین و تم‌دهی سمت مشتری (مثلاً داشبوردهایی که باید شبیه برند مشتری بشن) گزینه خیلی خوبیه. اتلسین فایل‌های DESIGN.md خودش رو هم به‌صورت عمومی تو atlassian.design منتشر کرده و چون استاندارد فعلاً از theming پشتیبانی نمی‌کنه، یه نسخه جدا هم برای دارک مود داده.

نکات کلیدی:

• DESIGN.md فرمت متن‌باز گوگل برای انتقال قابل‌حمل کانتکست دیزاین به AI ـه
• برای پروتوتایپ یک‌ضرب و محیط‌های ناآشنا عالی جواب می‌ده
• تو پروداکشن حدود ۹۲٪ توکن بیشتر و واریانس ۲.۷ برابری نسبت به MCP داشت
• چون همه کانتکست رو یکجا لود می‌کنه، هم گرون‌تره هم دقت رو پایین میاره
• ایجنت‌ها رو به بازسازی کامپوننت‌ها به‌جای استفاده از کتابخونه موجود سوق می‌ده
• اتلسین فایل‌های DESIGN.md خودش رو عمومی منتشر کرده