من نحن
عن Design Extractor
يحوّل Design Extractor رابط موقع ويب عام إلى ملف DESIGN.md: ملف Markdown واحد يضم ألوان الموقع وخطوطه ومسافاته وأشكاله ومكوناته والمنطق الذي يقف وراءها. ويقرؤه وكلاء البرمجة بالذكاء الاصطناعي، مثل Claude Code و Cursor و GitHub Copilot و Google Stitch، مرجعًا للأسلوب.
من يدير الخدمة
Design Extractor منتج من Magentix Studio، Magentix Studio UG (haftungsbeschränkt)، ومقرها Mannheim، ألمانيا. المدير العام هو Fadel Kaadan. تجد بيانات الشركة في البيانات القانونية، ويمكنك التواصل معنا عبر صفحة التواصل.
كيف تعمل عملية الاستخراج
تلصق رابطًا عامًا، فيحمّل Design Extractor الصفحة الحية في متصفح، ويقرأ خصائصها المرئية (الألوان والخطوط والمسافات والأشكال والمكونات المتكررة)، ثم يكتبها في ملف DESIGN.md: مقدمة YAML (front matter) بالقيم الدقيقة للرموز، ونص Markdown يشرح طريقة استخدامها.
تغطي عملية الاستخراج بمستوى Pro نحو خمس صفحات من الموقع. كل عملية تستهلك رصيدًا مدفوعًا مسبقًا، وإذا فشلت عملية استخراج بسبب خلل من جهتنا يعود الرصيد إلى حسابك. اقرأ كيف يعمل Design Extractor.
كيف يُبنى المعرض
يضم المعرض ملفات DESIGN.md استخرجناها من الصفحات العامة لمواقع معروفة، بعملية الاستخراج نفسها التي يمكنك تشغيلها بنفسك. وهي تصف مظهر تلك الصفحات، وليست إرشادات رسمية للعلامات التجارية، وعرض علامة تجارية لا يعني وجود أي ارتباط بمالكها أو تأييد منه. إذا كنت تملك موقعًا في المعرض وتريد إزالته، تواصل معنا.
من أين تبدأ
- التوثيق: كل الأدلة في مكان واحد.
- ما هو DESIGN.md: صيغة الملف وأقسامه.
- أدوات مجانية: مدقّق DESIGN.md، وكاشف الخطوط، ومستخرج لوحة الألوان، دون الحاجة إلى حساب.
- خادم MCP: دع Claude Code أو Codex أو Cursor أو claude.ai ينفّذ عمليات الاستخراج.
- إضافة Chrome: استخرج الصفحة المفتوحة في تبويبك الحالي.
- الأسعار: باقات رصيد مدفوعة مسبقًا، دون اشتراك.