القائمة الرئيسية

الصفحات

تعديل المشاركة

اكتشف أنظمة تصميم Google وApple وMicrosoft في مكان واحد

maigrations
(0)

شرح موقع oOh! DLS لاكتشاف أنظمة تصميم Google وApple وMicrosoft مع ملفات Figma وأكواد UI

اكتشف أنظمة تصميم Google وApple وMicrosoft في مكان واحد

إذا كنت تعمل في مجال تصميم واجهات المستخدم UI/UX أو تطوير تطبيقات الجوال والمواقع الإلكترونية، فمن المؤكد أنك سمعت عن أنظمة التصميم الشهيرة مثل Material Design من Google وFluent UI من Microsoft وHuman Interface Guidelines من Apple.

تساعد هذه الأنظمة المصممين والمبرمجين على إنشاء واجهات احترافية ومتناسقة، وتوفر قواعد للألوان والخطوط والمسافات والأزرار والقوائم والعناصر التفاعلية.

لكن المشكلة تظهر عندما ترغب في استكشاف أنظمة تصميم متعددة، حيث تحتاج إلى زيارة مواقع مختلفة والبحث عن ملفات Figma والمكتبات البرمجية والتوثيق الخاص بكل نظام.

هنا يأتي دور oOh! DLS، وهو موقع يجمع عشرات أنظمة التصميم الخاصة بالشركات العالمية في مكان واحد، ويتيح البحث بينها ومقارنة المكونات والوصول إلى مصادرها الرسمية بسهولة.

والأكثر إثارة للاهتمام أنه يوفر إمكانية الوصول إلى بيانات هذه الأنظمة باستخدام أدوات الذكاء الاصطناعي مثل Claude Code وCursor من خلال بروتوكول MCP.

في هذا المقال سنتعرف على موقع oOh! DLS، وأهم مميزاته، وطريقة استخدامه، وكيف يمكنك الاستفادة منه في تصميم وتطوير تطبيقات Flutter وReact والمواقع الإلكترونية.

ما هو موقع oOh! DLS؟

oOh! DLS هو دليل إلكتروني متخصص في جمع وفهرسة أنظمة التصميم العامة (Public Design Systems) التابعة لعلامات تجارية وشركات تقنية عالمية.

ويقدم الموقع معلومات منظمة عن كل نظام تصميم، مثل المكونات المتوفرة، وحالة تطويره، وروابط التوثيق الرسمي، ومستودعات GitHub، وملفات Figma عندما تكون متاحة.

وفق إصدار أكتوبر 2026 من الموقع، يضم الدليل:

  • 86 نظام تصميم من 85 علامة تجارية.
  • 24 ملف Figma Kit ضمن الأنظمة المفهرسة.
  • 78 مستودع GitHub مرتبطة بالأنظمة.
  • فهرسًا للمكونات المستخدمة في تصميم الواجهات.
  • تصنيفًا حسب مجال الشركة ونشاط نظام التصميم.
  • إمكانية الاستعلام عن الأنظمة باستخدام MCP Server.

ولا يقتصر الموقع على عرض أسماء أنظمة التصميم، بل يساعد على الوصول إلى المصادر اللازمة لدراستها أو استخدامها داخل مشروعك.

رابط الموقع الرسمي: https://oohdls.com/

ما المقصود بـ Design System؟

قبل شرح مميزات الموقع، من المهم فهم معنى Design System أو نظام التصميم.

نظام التصميم هو مجموعة من القواعد والعناصر والمكونات التي تستخدمها الشركات لإنشاء واجهات متناسقة عبر منتجاتها المختلفة.

على سبيل المثال، عندما تستخدم عدة تطبيقات تابعة لشركة واحدة، ستلاحظ غالبًا أن الأزرار والقوائم والألوان والخطوط وطريقة التفاعل تبدو متشابهة.

هذا التناسق لا يحدث بالصدفة، بل يعتمد على قواعد تصميم موحدة.

قد يتضمن نظام التصميم العناصر التالية:

  • Colors: نظام الألوان الأساسية والثانوية وحالات العناصر.
  • Typography: الخطوط وأحجام النصوص والأوزان.
  • Spacing: المسافات بين العناصر والمكونات.
  • Buttons: أنواع الأزرار وأحجامها وحالات التفاعل.
  • Forms: حقول الإدخال والقوائم والاختيارات.
  • Navigation: عناصر التنقل بين الصفحات.
  • Design Tokens: قيم التصميم المشتركة التي يمكن استخدامها في الأكواد.
  • Accessibility: قواعد تسهيل الاستخدام وإتاحة الوصول.

بدلًا من تصميم كل عنصر من الصفر، يستطيع فريق العمل الاعتماد على النظام للحفاظ على التناسق وتقليل الوقت المطلوب للتطوير.

أهم مميزات موقع oOh! DLS

1. استكشاف أنظمة التصميم الخاصة بالشركات العالمية

يضم الموقع مجموعة واسعة من أنظمة التصميم المعروفة في مجال تطوير المنتجات الرقمية.

ومن أبرز الأمثلة:

الشركة نظام التصميم
Google Material Design 3
Microsoft Fluent 2
Apple Human Interface Guidelines UI Kits
IBM Carbon
GitHub Primer
Adobe Spectrum 2
Atlassian Atlassian Design System
Salesforce Lightning Design System
Shopify Polaris
Ant Group Ant Design

تستطيع استكشاف هذه الأنظمة ومراجعة المعلومات المتاحة عنها بدلًا من البحث عن كل نظام بشكل منفصل.

على سبيل المثال، إذا كنت تطور لوحة تحكم باستخدام React، فقد ترغب في دراسة Carbon أو Ant Design أو Fluent 2، لأنها توفر مكونات تناسب تطبيقات الأعمال.

أما عند تطوير تطبيق Android أو Flutter، فيمكنك البدء بدراسة Material Design 3.

2. البحث عن أنظمة التصميم بسهولة

يوفر oOh! DLS محرك بحث يساعدك على العثور على أنظمة التصميم باستخدام اسم النظام أو اسم الشركة أو المكون الذي تحتاج إليه.

يمكنك على سبيل المثال البحث عن:

  • Material Design
  • Fluent
  • Carbon
  • Button
  • Tabs
  • Checkbox

كما يقدم الموقع صفحة مخصصة لجميع الأنظمة، تتضمن فلاتر تساعدك على تضييق النتائج حسب المجال أو حالة المشروع أو توفر الموارد.

يمكنك فتح صفحة البحث مباشرة من الرابط التالي:

استكشاف جميع Design Systems

3. مقارنة مكونات واجهات المستخدم UI Components

هذه من أهم المميزات التي تجعل الموقع مفيدًا للمصممين والمبرمجين.

بدلًا من البحث عن نظام تصميم معين ثم اكتشاف أنه لا يحتوي على العنصر المطلوب، يمكنك البدء بالمكون نفسه.

على سبيل المثال، إذا كنت تبحث عن نظام يوفر مكونات مثل:

  • Button
  • Tabs
  • Tooltip
  • Checkbox
  • Dropdown
  • Modal
  • Pagination
  • Data Table

فيمكنك فتح فهرس Components لمعرفة الأنظمة التي تتضمن كل مكون.

ووفق البيانات المعروضة في الموقع، يظهر مكون Button في 72 نظامًا، وTabs في 63 نظامًا، وCheckbox في 60 نظامًا، وTooltip في 57 نظامًا.

تساعدك هذه المعلومات على اختيار نظام مناسب قبل البدء في تطوير مشروعك.

ملاحظة: المقارنة في الموقع تعتمد أساسًا على توفر المكونات داخل الأنظمة، ولا تعني أنه يقدم محررًا بصريًا لتجربة كل مكون أو تعديل تصميمه مباشرة.

رابط فهرس المكونات: oOh! DLS Components

4. الوصول إلى ملفات Figma الرسمية

يعتمد كثير من مصممي UI/UX على Figma لإنشاء واجهات المستخدم والنماذج الأولية قبل تحويلها إلى أكواد.

ويوفر oOh! DLS روابط إلى ملفات Figma المرتبطة ببعض أنظمة التصميم.

عند فتح صفحة نظام تصميم معين، يمكنك معرفة ما إذا كان هناك ملف Figma متاح، والانتقال إليه من الرابط المخصص.

كما يعرض الموقع معلومات عن مستوى التحقق من الملف.

ومن المصطلحات المستخدمة:

  • Verified: تم التأكد من رابط ملف Figma Community المحدد.
  • Linked from docs: ملف Figma مرتبط بالتوثيق الرسمي للنظام.
  • Not confirmed: لم يتم التأكد من وجود ملف رسمي في Figma Community.

وهذه نقطة مهمة، لأن الإنترنت يحتوي على ملفات كثيرة تحمل أسماء شركات عالمية، لكن بعضها من تصميم أشخاص مستقلين ولا يمثل ملفات الشركات الرسمية.

ويجب الانتباه إلى أن وجود نظام داخل oOh! DLS لا يعني بالضرورة توفر ملف Figma قابل للتحميل له.

5. الوصول إلى أكواد GitHub والتوثيق الرسمي

لا يكتفي الموقع بعرض مصادر التصميم، بل يوفر روابط إلى مستودعات GitHub الرسمية عندما تكون متاحة.

وهذا مفيد للمطورين الراغبين في استخدام المكونات الجاهزة بدلًا من إعادة برمجتها من البداية.

فمثلًا، عند فتح صفحة نظام Carbon من IBM، يمكنك الوصول إلى:

  • الموقع الرسمي لنظام التصميم.
  • توثيق المكونات وطريقة استخدامها.
  • ملفات Figma المرتبطة بالنظام.
  • مستودع GitHub.
  • قائمة المكونات المتاحة.

كما تتضمن صفحات الأنظمة خطوات عامة تساعد المستخدم على البدء، مثل قراءة الإرشادات وتحميل ملفات التصميم ثم الوصول إلى المكتبات البرمجية.

ويمكن استعراض مثال عملي من خلال:

صفحة IBM Carbon داخل oOh! DLS

6. معرفة حالة تطوير كل Design System

من المشكلات التي قد تواجه المطورين اختيار مكتبة أو نظام تصميم لم يعد يحصل على تحديثات منتظمة.

ولهذا يوفر oOh! DLS معلومات عن حالة الأنظمة المدرجة.

ومن الحالات المستخدمة:

  • Active: نظام نشط وفق البيانات التي تمت مراجعتها.
  • Limited maintenance: بعض جوانب النظام أو مستودعاته تحصل على صيانة محدودة.
  • Archived: نظام أو مشروع مؤرشف.
  • Not public: نظام غير متاح للعامة.

ويشير إصدار أكتوبر 2026 إلى وجود 82 نظامًا نشطًا، و3 أنظمة محدودة الصيانة، ونظام واحد مؤرشف ضمن الأنظمة المفهرسة.

لكن يجب الانتباه إلى أن حالة النظام في الدليل هي نتيجة مراجعة في تاريخ معين، ولا تغني عن زيارة المستودع الرسمي للتأكد من آخر التحديثات.

7. تصنيف أنظمة التصميم حسب الصناعة

ليست جميع أنظمة التصميم مناسبة لنفس نوع المشاريع.

فعلى سبيل المثال، تصميم تطبيق مصرفي يختلف عن تصميم متجر إلكتروني أو لوحة تحكم لإدارة الخدمات السحابية.

ولهذا يصنف oOh! DLS الأنظمة حسب مجالات متعددة، منها:

  • شركات التقنية الكبرى Big Tech.
  • برامج المؤسسات وخدمات SaaS.
  • الخدمات المالية والبنوك Fintech.
  • السفر والسياحة Travel.
  • قطاع السيارات Automotive.
  • الجهات الحكومية Government.
  • الإعلام Media.
  • التجارة الإلكترونية E-commerce.

يمكنك استخدام هذه التصنيفات للعثور على أنظمة تصميم قريبة من طبيعة المشروع الذي تعمل عليه.

كيفية استخدام موقع oOh! DLS خطوة بخطوة

استخدام الموقع بسيط ولا يحتاج إلى تثبيت برنامج على جهازك.

الخطوة الأولى: الدخول إلى الموقع

افتح المتصفح وانتقل إلى:

https://oohdls.com/

ستجد الصفحة الرئيسية التي تعرض عددًا من أنظمة التصميم المشهورة، مع قسم لاستكشاف المكونات والأنظمة المميزة.

الخطوة الثانية: اختيار نظام التصميم

استخدم مربع البحث للعثور على النظام الذي ترغب في استكشافه.

على سبيل المثال، يمكنك كتابة:

Material Design 3

ثم افتح صفحة النظام للاطلاع على معلوماته والمكونات المتوفرة والروابط الرسمية.

الخطوة الثالثة: مراجعة المكونات

ستجد داخل صفحة النظام قائمة بالمكونات المعروفة التي يوفرها.

يمكنك معرفة ما إذا كان النظام يتضمن Button أو Tabs أو Dialog أو غيرها من العناصر التي يحتاج إليها مشروعك.

الخطوة الرابعة: فتح ملف Figma أو GitHub

إذا كان ملف Figma متاحًا، استخدم الرابط للوصول إليه.

وإذا كان النظام يتضمن مكتبة برمجية مفتوحة المصدر، يمكنك الانتقال إلى GitHub وقراءة تعليمات تثبيت المكتبة واستخدام مكوناتها.

قبل الاستخدام التجاري، راجع الترخيص الخاص بالنظام والمكتبة والخطوط والأيقونات، لأن إتاحة التوثيق للعامة لا تعني بالضرورة أن جميع الموارد مجانية لإعادة الاستخدام.

استخدام oOh! DLS مع أدوات الذكاء الاصطناعي عبر MCP

من أبرز مميزات الموقع دعمه لبروتوكول Model Context Protocol (MCP).

هذا البروتوكول يسمح لأدوات الذكاء الاصطناعي بالتواصل مع مصادر خارجية للحصول على معلومات منظمة واستخدامها أثناء تنفيذ المهام.

وبالنسبة إلى oOh! DLS، يوفر الموقع MCP Server للقراءة فقط، يمكن استخدامه للبحث عن أنظمة التصميم ومكوناتها والوصول إلى الروابط المرتبطة بها.

وهذا يعني أنه يمكنك الاستفادة من بيانات الدليل أثناء العمل مع Claude Code أو Cursor أو أي عميل متوافق يدعم الاتصال بالخوادم المخصصة.

كيفية ربط oOh! DLS مع Claude Code

إذا كنت تستخدم Claude Code، افتح Terminal ثم نفّذ الأمر التالي:

claude mcp add --transport http oohdls https://oohdls.com/mcp

سيضيف هذا الأمر اتصالًا بخادم MCP الخاص بالموقع، وفق إعدادات Claude Code والبيئة التي تعمل عليها.

وبعد إضافة الاتصال، يمكنك توجيه Claude Code للاستفادة من البيانات المتاحة.

على سبيل المثال، جرب الطلب التالي:

Search oOh! DLS for design systems suitable for a React admin dashboard.

Compare their available components, documentation, and GitHub resources.

Recommend suitable options and explain why.

يمكنك أيضًا استخدام الاتصال داخل مشروع محدد بإضافة ملف .mcp.json في جذر المشروع يحتوي على الإعدادات التالية:

{
  "mcpServers": {
    "oohdls": {
      "type": "http",
      "url": "https://oohdls.com/mcp"
    }
  }
}

وفق توثيق الموقع، خادم MCP للقراءة فقط ولا يحتاج إلى تسجيل دخول.

ملاحظة: الخادم يساعد الذكاء الاصطناعي على الوصول إلى بيانات أنظمة التصميم، لكنه لا يضمن إنشاء واجهة كاملة تلقائيًا أو توفير جميع أكواد المكونات داخل الاستجابة.

كيفية استخدام oOh! DLS مع Cursor

يمكن كذلك إضافة الخادم إلى إعدادات MCP في Cursor أو الأدوات المتوافقة الأخرى.

ويعرض الموقع مثال الإعداد التالي:

{
  "mcpServers": {
    "oohdls": {
      "url": "https://oohdls.com/mcp"
    }
  }
}

قد تختلف طريقة إدراج هذه الإعدادات حسب إصدار Cursor أو الأداة المستخدمة.

بعد الاتصال، تستطيع طلب البحث عن أنظمة تصميم مناسبة لمشروعك أو التعرف على المكونات التي توفرها.

مثال عملي: اختيار Design System لمشروع React

لنفترض أنك تريد إنشاء لوحة تحكم Dashboard باستخدام React، وتحتاج إلى مكونات جاهزة مثل:

  • الجداول Data Tables.
  • حقول البحث والإدخال.
  • القوائم الجانبية.
  • النوافذ المنبثقة Modals.
  • عناصر التنقل Tabs.
  • رسائل التنبيه Notifications.

بدلًا من اختيار مكتبة بشكل عشوائي، يمكنك استخدام oOh! DLS للبحث عن أنظمة تصميم تتضمن هذه المكونات.

على سبيل المثال، يمكنك دراسة:

  • Carbon: مناسب للدراسة عند تصميم تطبيقات المؤسسات ولوحات البيانات.
  • Fluent 2: خيار مفيد لدراسة واجهات تطبيقات Microsoft متعددة المنصات.
  • Ant Design: يحتوي على مجموعة كبيرة من مكونات تطبيقات React للمؤسسات.
  • Primer: نظام تصميم GitHub الذي يوفر مكونات وموارد لتطوير الواجهات.

بعد المقارنة، انتقل إلى توثيق النظام المختار وتحقق من دعم React والإصدارات والتراخيص ومتطلبات المشروع قبل الاعتماد عليه.

كيف تستفيد من oOh! DLS عند تطوير تطبيقات Flutter؟

إذا كنت تستخدم Flutter لإنشاء تطبيقات Android وiOS، يمكنك الاستفادة من الموقع باعتباره مرجعًا لدراسة قواعد التصميم والمكونات.

على سبيل المثال، يقدم Material Design 3 إرشادات مناسبة لواجهات Android، وتتوفر مكونات Material ضمن Flutter SDK.

كما يمكنك دراسة Apple Human Interface Guidelines لفهم أسلوب تصميم تطبيقات أجهزة Apple.

لكن يجب عدم الخلط بين وجود نظام تصميم في الدليل وبين توفر مكتبة Flutter جاهزة له.

فبعض الأنظمة مخصصة أساسًا لتطبيقات React أو Web Components أو منصات أخرى، وقد تحتاج إلى تنفيذ تصميمها يدويًا في Flutter.

وتتمثل الفائدة هنا في اختيار قواعد الألوان والخطوط والمسافات والمكونات، ثم تطبيقها باستخدام الأدوات المناسبة للمشروع.

أنظمة تصميم عربية وحكومية داخل الموقع

لا يقتصر oOh! DLS على أنظمة تصميم الشركات الأمريكية والأوروبية، بل يتضمن أنظمة حكومية في المنطقة العربية.

ومن الأمثلة الموجودة:

كود المنصات السعودي

يتضمن الدليل نظام Platforms Code / National Design System المرتبط بالمنصات الحكومية السعودية.

ويركز النظام على تجربة المستخدم العربية ودعم اتجاه الكتابة من اليمين إلى اليسار RTL.

ويعد مثالًا مناسبًا لدراسة معايير تصميم واجهات الخدمات الحكومية باللغة العربية.

UAE Design System

يتضمن الموقع أيضًا نظام التصميم الحكومي الإماراتي، الذي يوفر موارد لتوحيد تصميم واجهات الجهات الحكومية الاتحادية.

ويشير الدليل إلى استخدام Tailwind CSS ودعم اللغة العربية واتجاه RTL.

وجود هذه الأنظمة قد يكون مفيدًا للمصممين والمطورين الذين يعملون على مشاريع عربية تحتاج إلى تجربة استخدام متناسقة.

مكتبة أدوات إضافية للمصممين والمطورين

يوفر الموقع قسمًا باسم Resources يحتوي على روابط لأدوات ومصادر مرتبطة بأنظمة التصميم.

ومن أبرزها:

  • Style Dictionary: أداة لمعالجة وتحويل Design Tokens إلى صيغ يمكن استخدامها في المشاريع.
  • Tokens Studio: لإدارة متغيرات التصميم داخل Figma ومزامنتها.
  • Figma Code Connect: لربط مكونات Figma بالمكونات البرمجية.
  • Figma MCP: لتوفير تكاملات تساعد أدوات الذكاء الاصطناعي على قراءة بيانات التصميم.
  • Material Symbols: مكتبة أيقونات مرتبطة بمنظومة Google.
  • Fluent System Icons: مكتبة أيقونات Microsoft.
  • SF Symbols: رموز وأيقونات واجهات Apple.

كما يجمع القسم روابط إلى أنظمة تصميم بدأت توفير موارد مخصصة لوكلاء الذكاء الاصطناعي، مثل ملفات llms.txt وSkills وخوادم MCP.

ويمكنك استكشاف هذه المصادر من خلال:

oOh! DLS Resources

هل يوفر الموقع جميع أنظمة تصميم الشركات العالمية؟

لا، وهذه نقطة مهمة.

فبعض الشركات تعتمد أنظمة تصميم داخلية لا تتوفر للجمهور، وقد تنشر مقالات عن أسلوب التصميم دون مشاركة المكونات أو الملفات الأصلية.

ولهذا خصص oOh! DLS صفحة باسم Not Public تعرض بعض العلامات التجارية التي لا تتوفر أنظمتها الداخلية بصورة عامة أو موثقة.

وتشمل أمثلة مثل:

  • Spotify Encore.
  • Airbnb DLS.
  • بعض أنظمة Meta الداخلية.
  • Stripe Sail.
  • بعض الأنظمة الداخلية لشركات أخرى.

كما ينبه الدليل إلى أن أي ملف Figma يدّعي تمثيل نظام داخلي غير منشور قد يكون من إنشاء المجتمع، وليس ملفًا رسميًا من الشركة.

وهذا يساعد المستخدم على التمييز بين المصادر الرسمية والتصاميم غير المعتمدة.

هل oOh! DLS مجاني؟

يمكن تصفح صفحات الدليل العامة والبحث عن أنظمة التصميم والمكونات من خلال الموقع مباشرة.

كما يوضح الموقع أن خادم MCP المخصص للقراءة لا يتطلب تسجيل دخول.

لكن يجب الانتباه إلى أن بعض الموارد التي يحيل إليها الموقع، مثل مكتبات Figma أو الأدوات الخارجية، قد تكون لها شروط استخدام أو تراخيص مختلفة.

ولا يعني توفر نظام تصميم للعامة أنه مفتوح المصدر بالكامل أو مسموح باستخدام علامته التجارية في أي مشروع.

هل يمكن استخدام تصاميم الشركات في المشاريع التجارية؟

يعتمد ذلك على ترخيص كل نظام تصميم والموارد المرتبطة به.

بعض الأنظمة توفر مكتبات مفتوحة المصدر بتراخيص تسمح بالاستخدام التجاري، بينما تتيح أنظمة أخرى توثيقًا عامًا فقط، أو تحتفظ بقيود على استخدام الشعارات والخطوط والأصول البصرية.

كما توجد أنظمة حكومية ترتبط بهوية رسمية ولا يُسمح باستخدامها خارج الجهات المحددة.

لذلك قبل استخدام أي Design System في مشروع تجاري، تأكد من:

  • ترخيص المكتبة البرمجية.
  • شروط استخدام ملفات Figma.
  • ترخيص الخطوط والأيقونات.
  • القيود المتعلقة بالعلامة التجارية والشعارات.
  • حالة الصيانة والتحديثات الأمنية للمكتبة.

فوجود الرابط داخل oOh! DLS لا يمنح ترخيصًا مستقلًا لإعادة استخدام كل محتوياته.

الأسئلة الشائعة حول oOh! DLS

ما هو موقع oOh! DLS؟

هو دليل لأنظمة التصميم العامة التابعة لشركات وعلامات تجارية عالمية، يجمع معلومات المكونات وروابط Figma وGitHub والتوثيق في مكان واحد.

هل يمكن تحميل ملفات Figma من oOh! DLS؟

يوفر الموقع روابط لملفات Figma المتاحة لبعض الأنظمة. وتختلف إمكانية الوصول والتنزيل حسب الملف وصلاحياته وشروط الاستخدام.

هل يوفر الموقع أكواد Flutter وReact؟

لا يضم مكتبة موحدة من الأكواد الجاهزة لجميع الأنظمة، لكنه يوفر روابط للمكتبات والمستودعات الرسمية عندما تكون متاحة، ويمكنك من خلالها الوصول إلى تعليمات الاستخدام الخاصة بكل تقنية.

هل يمكن ربط oOh! DLS مع Claude Code؟

نعم، يوفر الموقع خادم MCP للقراءة فقط، ويمكن إضافته إلى Claude Code باستخدام عنوان https://oohdls.com/mcp.

هل يستخدم الموقع الذكاء الاصطناعي لإنشاء الواجهات؟

الموقع نفسه دليل بحث ومقارنة وليس مولد واجهات تلقائيًا. لكنه يوفر بيانات يمكن أن تستفيد منها أدوات الذكاء الاصطناعي أثناء اختيار أنظمة التصميم أو تطوير الواجهات.

كم عدد أنظمة التصميم الموجودة في الموقع؟

يضم إصدار أكتوبر 2026 عدد 86 نظام تصميم من 85 علامة تجارية، وقد يتغير هذا العدد مع الإصدارات الجديدة.

هل يمكن استخدام الموقع بدون حساب؟

يمكن تصفح الدليل العام والبحث فيه مباشرة، كما يوضح التوثيق أن الوصول إلى خادم MCP للقراءة لا يحتاج إلى تسجيل دخول.

الخلاصة

يعد oOh! DLS من الموارد المفيدة للمصممين والمطورين الراغبين في استكشاف أنظمة التصميم التي تعتمد عليها الشركات العالمية.

فبدلًا من البحث بشكل منفصل عن Material Design وFluent وCarbon وPrimer وغيرها، تستطيع الوصول إلى معلوماتها وروابطها الرسمية من مكان واحد.

وتبرز فائدة الموقع في البحث عن المكونات، ومقارنة توفرها بين الأنظمة، والوصول إلى ملفات Figma ومستودعات GitHub، بالإضافة إلى معرفة حالة الصيانة والمصادر المتاحة.

كما يمثل دعم MCP ميزة إضافية للمطورين الذين يستخدمون Claude Code وCursor ويرغبون في إتاحة معلومات أنظمة التصميم لأدوات البرمجة بالذكاء الاصطناعي.

إذا كنت تطور تطبيقات Flutter أو React، أو تعمل في تصميم UI/UX، فإن استكشاف أنظمة التصميم عبر هذا الموقع قد يساعدك على اكتشاف أفكار ومكونات جديدة وتحسين طريقة تنظيم الواجهات في مشاريعك.

رابط موقع oOh! DLS

يمكنك تجربة الموقع واستكشاف أنظمة التصميم من خلال الرابط التالي:

زيارة موقع oOh! DLS

أخر المواضيع من قسم : مواقع مفيده

تعليقات

إرسال تعليق