من الفكرة إلى النموذج الأولي والويب والشرائح وفيديو HTML — مسار تصميم المنتج كاملاً، منجَزاً على جهازك.
Open Designأفضل بديل مفتوح المصدر لـ Claude Design
بديل أصيل للوكلاء عن Figma و Claude Design.
الأولوية لسطح المكتب، مع 21 وكيل برمجة و129 نظام تصميم ورخصة Apache-2.0.
Why Open Design?
في أبريل 2026، أثبت Claude Design لأول مرة أن نموذج اللغة يمكنه التصميم فعلاً — لا كتابة النصوص، بل إنتاج عمل تصميمي حقيقي. لكنه مغلق المصدر ومدفوع وسحابي فقط، مقيّد بنماذج Anthropic — لا تبديل للوكيل، ولا استضافة ذاتية، ولا BYOK. يفتح Open Design هذه القدرة.
التصميم يحدث على سطح المكتب.
الملفات المحلية وصادرات Figma ومستودعات الكود قابلة للقراءة مباشرة، وللوكيل صلاحية تنفيذ كاملة في الطرفية.
إن Claude Code / Codex / Cursor على جهازك قوية بما يكفي.
يقوم Open Design بوصلها ضمن سير عمل تصميمي متكامل.
كل اختيار يترسّب في نظام تصميم وتفضيلات وذاكرة، لتقترب النتيجة التالية أكثر مما تريد.
من الفكرة إلى التسليم، بسهولة
Brief → قالب → اتجاه بصري → Artifact → ذاكرة
- 01اختر نقطة البداية
- 02حدّد الاتجاه البصري
- 03ولّد الـ Artifact
- 04سلّم أو اصنع فيديو
صِف هدفك في جملة واحدة، أو ابدأ من قالب / إضافة.
بعد تحديد الاتجاه، تدخل لوحة الألوان والخطوط والمسافات تلقائياً في التوليد.
يقرأ الوكيل كل السياق، وينتج ملفات حقيقية قابلة للتشغيل، ويعاينها ويعدّلها فوراً في بيئة معزولة.
صدّره إلى الهندسة لمواصلة البناء، أو حوّله مباشرة إلى فيديو تسويقي عبر HyperFrames.ماذا يمكنك أن تصنع باستخدام Open Design؟
وصّل أكثر من 21 وكيل برمجة، بدون أي إعداد
كل مرحلة تكرارية وبصرية ومدفوعة بالبحث: ملفات قابلة للتركيب بدلاً من prompts مبهمة.
من حول العالم، 326 مساهماً
يبنون Open Design معاً
View all contributorsWhat this project has earned
أعِد قوة تصميم الذكاء الاصطناعي المتقدّمة إلى مكتب كل مبدع
Open · Local · Agent-native
الأسئلة الشائعة
01ما هو Open Design؟
Open Design هو مساحة عمل تصميم بالذكاء الاصطناعي رسمية ومفتوحة المصدر من مشروع nexu-io/open-design. يحوّل coding agent محلياً مثل Claude Code أو Codex أو Cursor أو Gemini CLI أو OpenCode أو Qwen إلى محرك تصميم يعمل عبر skills قابلة للتركيب وأنظمة DESIGN.md قابلة للنقل.
02هل Open Design رسمي؟
نعم. الموقع canonical هو https://open-design.ai/ والمصدر على GitHub في https://github.com/nexu-io/open-design. تشير "Open Design" و"OpenDesign" و"open-design" و"Open Design AI" إلى المشروع نفسه.
03ما الفرق عن Claude Design؟
Claude Design منتج مستضاف مرتبط بمورّد واحد. Open Design محلي أولاً، مفتوح المصدر وفق Apache-2.0، وBYOK: تستخدم agent ومفاتيحك ونظام DESIGN.md الخاص بك.
04هل يعمل Open Design محلياً؟
نعم. تطبيق سطح المكتب والdaemon وskill runtime تعمل على جهازك، والartifacts الناتجة تحفظ في مجلد مشروعك.
05ما هي coding agents المدعومة؟
Claude Code وCodex وCursor وGemini CLI وOpenCode وQwen وأي adapter يستخدم skill protocol نفسه.
06هل يمكنني الاستضافة الذاتية أو عمل fork؟
نعم. الكود Apache-2.0. يمكنك fork للrepo، تعديل skills، إضافة أنظمة DESIGN.md، أو تشغيل الdaemon على أجهزتك.
07هل تُرسل بياناتي إلى Anthropic أو OpenAI أو Google؟
لا يذهب إلى المزوّد الذي تجلب مفاتيحه (BYOK) سوى الـ prompt وسياق الـ skills. لا يملك Open Design خادماً خاصاً به — يتواصل الـ daemon مع مزوّدك مباشرة. وتُحفظ الـ artifacts الناتجة كملفات في مجلد مشروعك، لا في سحابة أي مورّد.
08هل يمكن استخدام Open Design دون تثبيت CLI أو تطبيق سطح المكتب؟
ليس حالياً. صُمم Open Design ليكون محلياً أولاً — الحد الأدنى هو daemon محلي مع agent واحد (Claude Code أو Codex أو Cursor أو Gemini CLI أو أحد الـ 17 adapter المدعومة). البيئة المستضافة موجودة في خارطة الطريق لكنها ليست أولوية: الـ artifacts في مستودعك أفضل من مستندات في قاعدة بيانات شخص آخر.
09كم يكلّف Open Design؟
المنتج مجاني وبرخصة Apache-2.0 — لا يوجد اشتراك في Open Design. تدفع فقط تكاليف API للمزوّد الذي تستخدمه (Anthropic أو OpenAI أو Google أو Mistral أو xAI أو Moonshot وغيرها)، وتُحاسب مباشرة على حسابك. يبقي BYOK المفاتيح والإنفاق في جانبك.
10هل يمكن استضافة Open Design ذاتياً على Vercel أو Cloudflare أو خادمي الخاص؟
نعم. يعمل الـ daemon أينما يعمل Node 24، وصفحة الهبوط بناء Astro ثابت يُنشر كما هو على Cloudflare Pages أو Vercel أو Netlify. الفرق التي تدير نشراً مشتركاً تثبّت عادةً الـ daemon على جهاز داخل شبكتها وتوجّه CLI كل مطوّر إليه.
11كيف أنقل علامتي التجارية إلى Open Design؟
أسقط لقطة شاشة أو تصدير Figma في واجهة الويب واطلب من الـ agent استخراج العلامة إلى ملف DESIGN.md. احفظ الملف تحت design-systems/<your-brand>/ في مستودعك؛ بعدها تعرض كل skill بهذه العلامة دون إعادة كتابة الـ prompt. تصف /alternatives/claude-design/ المسار نفسه خطوة بخطوة.
12هل يمكن تبديل الـ agent دون إعادة عملي؟
نعم. الـ skills وأنظمة DESIGN.md مستقلة عن الـ agent — يعمل ملف SKILL.md نفسه مع Claude Code وCodex وCursor وGemini CLI وGitHub Copilot وGrok وHermes وQwen وأي adapter آخر مدعوم. تبديل الـ agent تغيير في إعدادات الـ daemon، لا إعادة تصميم.
13ماذا في خارطة طريق Open Design؟
خارطة الطريق الحيّة في docs/roadmap.md داخل مستودع GitHub، وتصدر ملاحظات الإصدار أسبوعياً عبر GitHub Releases. أبرز محاور الربع القادم: المزيد من adapters للوكلاء، وعائلات قوالب أغنى (3D وفيديو وصوت)، ووضع daemon مشترك اختياري لفرق التصميم.