ضمن تصميم · ذكاء Apache-2.0 · صنع على الأرض
بديل · Framer

بديل Framer مفتوح المصدر.

Framer هو منشئ مرئي بدون شيفرة ومستضاف لتصميم المواقع ونشرها. أما Open Design فهو وكيل تصميم ذاتي التطوّر لـ Claude Code — محلي أولًا، BYOK، مفتوح المصدر — حيث تقود التصميم عبر وكيل البرمجة الخاص بك وتحتفظ بهوية قابلة للنقل كملفات. شكل مختلف، الهدف نفسه: واجهات مشحونة.

Open Design vs Framer — warm-paper editorial illustration of code converging into a design hub

Open Design هو طبقة التصميم مفتوحة المصدر والمحلية أولًا حول وكيل البرمجة الذي تستخدمه أصلًا — مفتاحك، ملفاتك، ومكتبة منسّقة من المهارات وأنظمة التصميم.

يحوّل Framer لوحة مستضافة بدون شيفرة إلى مواقع مصمّمة ومنشورة. أما Open Design فهو وكيل تصميم ذاتي التطوّر لـ Claude Code ووكلاء البرمجة الآخرين — محلي أولًا، BYOK، Apache-2.0 — حيث تقود التصميم عبر وكيلك وتحتفظ بهوية قابلة للنقل كملفات في مستودعك الخاص.

هذه مقارنة صادقة: ما هو Framer، ولماذا تبحث الفرق عن بديل، وكيف يغيّر «محلي أولًا + BYOK» شكل العمل، وجدول ميزة بميزة، ومن ينبغي أن يختار أيًّا، وكيف تنقل تصميمًا. وهي صريحة بشأن المواضع التي يتفوّق فيها Framer.

ما هو Framer

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

إنه مغلق المصدر ويعمل في سحابة المزوّد، ويُفوتر باشتراك. أما Open Design فهو موقف مختلف: وكيل تصميم محلي أولًا ومفتوح المصدر توجّه إليه وكيل البرمجة الخاص بك — متداخلًا في إنتاج الواجهات، لا في النشر والاستضافة بدون شيفرة.

  • المزوّد: Framer — SaaS مستضاف
  • التسعير: اشتراك (لكل موقع / خطة)
  • المخرج الأساسي: موقع منشور ومستضاف

لماذا تبحث الفرق عن بديل لـ Framer

تبدأ الفرق بتجاوز Framer عندما تريد أن يكون التصميم ملفات تملكها، يُولَّد بالوكيل الذي تستخدمه أصلًا، قابلًا للنشر في أي مكان، بدلًا من مشروع يعيش في سحابة مزوّد (وينشر منها).

  • امتلك الملفات: يجب أن يكون التصميم مخرجات خاضعة للتحكّم بالإصدارات في مستودعك, لا مشروعًا مستضافًا.
  • مفتوح المصدر: Apache-2.0 وقابل للاستضافة الذاتية: فرّعه، أعِد علامته لاستوديوك، أو ضمّنه في CI — لا SaaS مغلق ومستضاف.
  • مُقاد بالوكيل: ولّد التصميم وكرّره بوكيل البرمجة الذي تستخدمه أصلًا، بدلًا من بناء كل قسم يدويًا.
  • غير مقيّد بمضيف واحد: مخرجاتك ملفات؛ انشر في أي مكان، لا في استضافة المزوّد وحدها.

محلي أولًا + BYOK، بالتفصيل

يشغّل Open Design تطبيق سطح مكتب، وعفريتًا محليًا، وفهارس Markdown للمهارات وأنظمة التصميم على جهازك. تصاميمك ملفات، لا مشروع مستضاف، وتعيش علامتك التجارية في مستودعك كملف DESIGN.md قابل للنقل تحترمه كل مهارة.

أنت تحضِر مفتاح وكيلك الخاص. تبقى بيانات الاعتماد في الإعداد المحلي أو متغيّرات البيئة — ولا يمرّرها Open Design أبدًا عبر وسيط — وتُفوتر نفقات الـ API مباشرةً عليك.

Open Design مقابل Framer، ميزة بميزة

الميزةOpen DesignFramer
كيف تصمموجّه موجِّهًا إلى وكيل البرمجة الخاص بكمنشئ مرئي بدون شيفرة، باليد
الترخيصApache-2.0، الشيفرة الكاملة على GitHubمغلق المصدر، منتج مستضاف
بيئة التشغيلعفريت محلي على جهازكسحابة المزوّد
ملكية المخرجاتملفات في دليل مشروعكمشروع مستضاف
نظام التصميمDESIGN.md قابل للنقل في مستودعكتنسيق لكل مشروع
الاستضافة / النشرأنت تملك النشر؛ غير مُضمَّناستضافة مُضمَّنة
الوكيلBYOK: Claude Code، Codex، Cursor، Gemini، OpenCode، Qwenنماذج يديرها المزوّد
الاستضافة الذاتيةنعم، يعمل في أي مكان يعمل فيه Node 24لا
CLI / CIنعم عبر od CLI + HTTP daemonواجهة ويب أولًا

حيث يتفوّق Framer: إذا أردت منشئًا مرئيًا بدون شيفرة يصمم وينشر موقعًا تسويقيًا مع استضافة مُضمَّنة، فإن Framer يفعل ذلك من البداية إلى النهاية. أما Open Design فيركّز على التصميم ويُقاد بالوكيل بدلًا من ذلك.

من ينبغي أن يختار أيًّا

اختر Framer إذا:

  • أردت منشئًا مرئيًا بدون شيفرة لتصميم موقع ونشره.
  • أردت استضافة مُضمَّنة في مكان واحد.
  • فضّلت لوحة مستضافة على الملفات و BYOK.

اختر Open Design إذا:

  • أردت مخرجات تصميم وهوية كملفات خاضعة للتحكّم بالإصدارات.
  • أردت BYOK مع وكيل البرمجة الموجود لديك.
  • أردت مصدرًا مفتوحًا يمكنك تفريعه وإعادة علامته وتضمينه في CLI أو استضافته ذاتيًا.
  • أردت ملف DESIGN.md واحدًا لكل علامة تجارية تحترمه كل مهارة.

نقل تصميم من Framer إلى Open Design

لا يوجد استيراد تلقائي من Framer اليوم؛ ابدأ بالتركيز على التصميم عبر تشغيل لمرة واحدة لاستخلاص الهوية.

  1. ثبّت Open Design من دليل البدء السريع.
  2. افتح واجهة الويب ووجّه وكيلك إلى موقع Framer أو لقطة شاشة تعجبك.
  3. اطلب من الوكيل استخلاص الهوية إلى ملف DESIGN.md.
  4. اختر مهارة وأظهرها وفق علامتك التجارية الجديدة.

من ثَمَّ، تظهر كل مهارة بعلامتك التجارية دون إعادة توجيه — وتبقى الملفات في مستودعك.

الأسئلة الشائعة

  1. 01 هل Open Design بديل جاهز للاستبدال المباشر لـ Framer؟

    لا. Framer منشئ مواقع بدون شيفرة ومستضاف؛ أما Open Design فطبقة تصميم مُقادة بالوكيل ومحلية أولًا. يتداخلان في إنتاج الواجهات، لا في النشر والاستضافة بدون شيفرة.

  2. 02 هل يستطيع Open Design نشر موقع مثل Framer؟

    ينتج Open Design مخرجات تصميم وشيفرة تملكها؛ وأنت تنشرها بنفسك. أما للحصول على منشئ بدون شيفرة شامل مع استضافة، فإن Framer هو الأنسب.

  3. 03 أي وكيل يستخدمه Open Design؟

    اختيارك — BYOK مع Claude Code أو Codex أو Cursor أو Gemini أو OpenCode أو Qwen. ولا تُمرَّر بيانات الاعتماد أبدًا عبرنا.

  4. 04 هل Open Design مفتوح المصدر فعلًا؟

    نعم. يوجد على github.com/nexu-io/open-design بموجب Apache-2.0 وقابل للاستضافة الذاتية.

  5. 05 هل Open Design تابع لـ Framer؟

    لا. Open Design مشروع مستقل ومفتوح المصدر. Framer علامة تجارية لمالكها؛ وهذه مقارنة غير تابعة.

ركّز على التصميم، في ثلاثة أوامر.

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

● Apache-2.0 Apache-2.0 · صنع على الأرض · BYOK اطّلع على كل المقارنات