دیزاین سیستم فارسی دیگ

دیگ یک دیزاین سیستم فارسی و راست‌به‌چپ است که کامپوننت‌های آماده را با CLI اختصاصی مستقیماً وارد پروژه‌تان می‌کند: ۱۲۳ کامپوننت و ۲۲۶ بلاکِ صفحهٔ کامل. کد هر کامپوننت در اختیار شماست، توکن‌ها و الگوهای مشترک محصول را حفظ می‌کند و به یک پکیج بسته وابسته نمی‌مانید.

کپی می‌کنید، نه نصب
کد هر کامپوننت با CLI اختصاصی دیگ مستقیم وارد پروژه‌ی شما می‌شود. هیچ پکیج بسته و نسخه‌بندی‌شده‌ای در میان نیست؛ کد را می‌بینید و می‌توانید هر بخشش را تغییر دهید.
راست‌به‌چپ به‌عنوان پیش‌فرض
به‌جای کلاس‌های فیزیکی (pl-، pr-، left-، right-)، از خاصیت‌های منطقی (ps-، pe-، start-، end-) استفاده شده تا با dir="rtl" درست کار کنند، نه این‌که فقط ترجمه‌شده باشند.
دسترس‌پذیری از پایه
مدیریت فوکوس، ناوبری با صفحه‌کلید و نقش‌های ARIA در خودِ هر کامپوننت پیاده‌سازی شده، بدون وابستگی به کتابخانهٔ پریمیتیو بیرونی.

چرا دیگ؟

یک سیستم طراحی فارسی نباید فقط ترجمهٔ یک محصول چپ‌به‌راست باشد. در دیگ، هر کامپوننت از ابتدا برای dir="rtl" بازبینی شده است: آیکون‌های جهت‌دار درست می‌چرخند، فاصله‌گذاری‌ها از ویژگی‌های منطقی CSS استفاده می‌کنند، اعداد و تاریخ‌های فارسی در نظر گرفته شده‌اند و تایپوگرافی برای متن فارسی خواناست.

ابزارهای یک دیزاین سیستم فارسی

دیگ علاوه بر کامپوننت‌های RTL، ابزارهای لازم برای طراحان، توسعه‌دهندگان و ایجنت‌های کدنویسی را در یک سیستم هماهنگ کنار هم قرار می‌دهد.

MCP دیگ برای ایجنت‌های کدنویسی
کامپوننت مناسب را در Claude Code، Codex و ابزارهای سازگار پیدا کنید و کد و نمونهٔ استفادهٔ آن را مستقیم تحویل بگیرید.
راهنمای اتصال به MCP دیگ
آیکون‌های فارسی دیگچه
۳۸۲ آیکون روی گرید ۲۴ پیکسل در چهار سبک هماهنگ، با جست‌وجوی معنایی و خروجی SVG، JSX، PNG و CSS.
مشاهدهٔ آیکون‌های دیگچه
CLI دیگ
با npx digdesign@latest init تم و توکن‌ها نصب می‌شوند و با add هر کامپوننت با وابستگی‌هایش وارد پروژه می‌شود.
دستورهای CLI
بلاک‌های صفحهٔ کامل
۲۲۶ صفحهٔ آماده مثل ورود، داشبورد، سبد خرید و انتقال وجه که فقط از کامپوننت‌های دیگ ساخته و تایپ‌چک شده‌اند؛ نقطهٔ شروعِ هر صفحهٔ تازه.
مشاهدهٔ بلاک‌ها

پشته فناوری

  • React، Vue، Svelte و Angular
  • Next.js 16 (App Router) و Tailwind CSS v4 در مستندات
  • پریمیتیوهای دسترس‌پذیری داخلی دیگ، بدون وابستگی به کتابخانهٔ بیرونی
  • class-variance-authority برای مدیریت حالت‌های ظاهری
  • فونت پیش‌فرض ایران‌سنس، با وزیرمتن و ایران‌یکان به‌عنوان جایگزین