جستوجوی دقیق و سریع
بهجای گشتن بین فایلها و صفحههای مستندات، نیازتان را جستوجو میکنید و به کامپوننت، توکن یا الگوی مرتبط میرسید.
دستیار هوشمند استفاده از دیزاین سیستم
داشبورد هوشمندی دیگ؛ سریعتر به خروجی درست برسید
فضایی برای طراح و توسعهدهنده که نیاز پروژه را به کامپوننت، توکن، الگو و راهنمای مناسب وصل میکند. بهجای جستوجوی طولانی در مستندات، مسیر پیشنهادی و خروجی قابل استفاده میگیرید؛ از انتخاب درست تا فایل و کد آماده.
فضای هوشمند پروژه
پروژه: محصول دیجیتالمسیر پیشنهادی آماده است
فرم ورود
۶کامپوننت مرتبط
۳راهنمای کاربرد
پوشش نیازهای این جریان
پیشنهادهای هماهنگ با پروژه
Button / primaryمشاهده راهنما
Input / currentدریافت کد
برای کاربر چه میکند؟
داشبورد هوشمندی دیگ چیست؟
یک راهنمای تعاملی برای استفاده از دیزاین سیستم است. نیاز، سناریو و زمینه پروژه را به داراییهای مرتبط وصل میکند و اطلاعات طراحی، نسخه توسعه و شیوه استفاده را در یک مسیر قابل فهم کنار هم میگذارد.
پیشنهاد متناسب با نیاز
داشبورد بر اساس نوع محصول، سناریو و پلتفرم، گزینههای مناسب را جلوتر میآورد تا انتخاب از یک فهرست عمومی شروع نشود.
نسخه هماهنگ طراحی و کد
برای هر دارایی، نسخه طراحی، قرارداد رفتاری و روش پیادهسازی کنار هم قرار میگیرند تا خروجی طراح و توسعهدهنده با هم سازگار باشد.
خروجی آماده استفاده
بهجای پایاندادن مسیر در یک توضیح، کاربر به فایل، توکن، نمونه کد یا دستور نصب مورد نیاز برای ادامه کار میرسد.
هدف و خروجی
از سؤال کاربر تا یک خروجی قابل استفاده
داشبورد مسیر بین «چه چیزی لازم دارم؟» و «چطور آن را درست استفاده کنم؟» را کوتاه میکند. نتیجه فقط پاسخ متنی نیست؛ دارایی و راهنمای لازم برای ادامه کار هم در دسترس است.
مسیر مناسب برای مسئله شما
کامپوننتها، الگوها و راهنماهای مرتبط با سناریویی که در حال طراحی یا توسعه آن هستید.
انتخاب نسخه سازگار
وضعیت، نسخه و وابستگی هر دارایی مشخص است تا گزینه منسوخ یا ناسازگار وارد محصول نشود.
دارایی قابل استفاده
دسترسی مستقیم به فایل طراحی، توکن، کد، دستور نصب و راهنمای پیادهسازی.
شروع یک صفحه جدید
سناریوی محصول را وارد کنید و مجموعهای از الگوها و کامپوننتهای مناسب همان جریان را ببینید.
پیادهسازی بدون حدس
نمونه کد، وابستگی و دستور نصب نسخه درست را کنار مشخصات طراحی دریافت کنید.
بررسی پیش از استفاده
دسترسیپذیری، حالتهای ضروری و محدودیتهای کامپوننت را پیش از ورود به محصول بررسی کنید.
بهروزرسانی پروژه
تغییرات نسخه جدید و مسیر مهاجرت را ببینید و فقط موارد اثرگذار روی پروژه خودتان را دنبال کنید.
Brand-to-System
رنگ برند را بدهید؛ سیستم اختصاصی و قابل توسعه بگیرید
این سرویس یک تغییر رنگ ساده یا white-label سطحی نیست. هویت برند به یک معماری توکن قابل نگهداری تبدیل میشود و سپس روی رفتار و ظاهر کامپوننتها، حالتها و مستندات اعمال میگردد.
رنگ برندت رو امتحان کن
برچسب
این فقط یک پیشنمایشِ سریعه و جایی ذخیره نمیشه؛ برای ساختِ نسخهٔ واقعی و کاملِ دیزاینسیستم با این رنگ، با تیمِ دیگ صحبت کن.
شروع گفتگوفرایند تبدیل
از رنگ اولیه تا یک قرارداد کامل طراحی
- ۰۱
دریافت هویت برند
رنگها و قواعد بصری برند بهعنوان ورودی ثبت میشوند؛ نه فقط یک کد HEX منفرد.
- ۰۲
ساخت طیف و نقش معنایی
طیفهای رنگی، stateها و نقشهایی مانند surface، text، border، action و feedback با کنترل کنتراست ساخته میشوند.
- ۰۳
اعمال روی کامپوننتها
توکنهای اختصاصی روی کامپوننتها و الگوهای دیگ اعمال و در حالتهای روشن، تیره، RTL و responsive بررسی میشوند.
- ۰۴
تحویل سیستم قابل مصرف
کتابخانه طراحی، توکنهای توسعه، مستندات و راهنمای استفاده بهصورت نسخهدار تحویل میشود.
تحویل نهایی
خروجیای که تیم میتواند مصرف کند
هدف، تولید یک پالت زیبا نیست؛ ساخت سیستمی است که از روز اول وارد جریان طراحی و توسعه شود و با رشد محصول قابل نگهداری بماند.
پالت و توکن اختصاصی
Primitive و Semantic Tokenهای منطبق با برند، همراه با stateها و حالتهای قابل توسعه.
کتابخانه کامپوننت برندشده
کامپوننتهای دیگ با ظاهر اختصاصی، بدون از دستدادن رفتار، دسترسپذیری و ساختار استاندارد.
فایل طراحی و پکیج توسعه
داراییهای هماهنگ برای طراح و توسعهدهنده تا handoff بر اساس قرارداد مشترک انجام شود.
مستندات و قواعد حاکمیت
راهنمای کاربرد رنگ، بایدها و نبایدها، نسخهبندی و مسیر نگهداری سیستم در ادامه کار.
دو مسیر، یک هدف